반응형

vuejs2 143

Vuejs. $v와 $event는 Vuejs로 무엇을 의미합니까?

Vuejs. $v와 $event는 Vuejs로 무엇을 의미합니까? 무엇을 하다.$v그리고.$eventVue로 나타냅니다.Js? 어떤 상황에서 사용하는 거죠?예시를 들어 자세히 설명해 주세요. $v을 참조하다Vuelidate검증 상태를 저장하기 위해 사용되는의 특별한 오브젝트입니다.자세한 내용은 이쪽:https://github.com/vuelidate/vuelidate 가지고 계신 경우$v당신의 HTML 코드에서 코드는 폼 검증에 Vuelidate를 사용합니다. $event이벤트 저장 및 취득에 사용되는 특별한 오브젝트입니다.Vue.js자세한 내용은 이쪽:https://vuejs.org/v2/guide/events.html$v는 vuelidate(댓글 작성 시 버전 Vue.js 2.0에서 지원됨)를 호출하..

sourcecode 2022.08.01

검색 중에 로드 아이콘을 추가하는 방법(Vue.js 2)

검색 중에 로드 아이콘을 추가하는 방법(Vue.js 2) 내 컴포넌트는 다음과 같습니다. ... ... 검색할 때 데이터를 표시하기 전에 로드 아이콘을 추가하고 싶다. vue.js 2에서는 어떻게 하면 좋을까요?사용하기 쉽도록 vuex 상태가 있는 로더를 사용하는 것이 좋습니다. 이를 통해 모든 컴포넌트에서 제어할 수 있습니다. 간단한 함수 호출로 쉽게 사용할 수 있습니다. 자연스럽게 소품이나 이벤트를 피하세요. 먼저 특정 로더가 필요한 위치를 정의합니다. 모든 api 호출에 사용됩니까? 브라우저 부하가 높은 작업(로드된 파일 처리 등) 또는 보다 구체적인 내용(사용자가 로그인을 시도할 때만 로더를 표시할 수 있음) 로더가 케이스 1과 같이 컴포넌트에 단단히 결합되어 있지 않은 경우.그러면 로더를 메인 ..

sourcecode 2022.08.01

이미지를 업로드할 때 vue 구성 요소에서 이미지를 자동으로 업데이트하려면 어떻게 해야 합니까?

이미지를 업로드할 때 vue 구성 요소에서 이미지를 자동으로 업데이트하려면 어떻게 해야 합니까? 내 vue 컴포넌트는 다음과 같습니다. ... ... 의 결과:src: \my-app\storage\app\public\display\displays\displays\displays.png 이미지를 업로드하면 onFileChange 메서드가 호출됩니다.프로세스 업로드는 백엔드로 계속됩니다.폴더에 업로드가 성공했습니다.그리고 응답은 동일한 파일 이름을 반환합니다.그래서 그 결과는response.data.fileName첼시입니다.png 여기서의 문제는 업로드 할 때 이미지가 자동으로 갱신되지 않는다는 것입니다.페이지를 새로 고치면 이미지가 업데이트되었습니다. 이미지를 업로드 할 때 이미지가 자동으로 업데이트/변경..

sourcecode 2022.07.31

ReferenceError:"Swal 정의되지 않".

ReferenceError:"Swal 정의되지 않". 나는 작은 프로젝트 codeigniter과 VueJs과 달콤한 경고javascript 라이브러리를 사용하여 봤는어요, 하지만 나는 내 콘솔에 오류 작업을 하고 있습니다.ReferenceError: "Swal is not defined"한번 나는라고 부른다swall.fire({})내 VueJs 메서드 안에 있습니다.제 코드는 다음과 같습니다. deleteCustomers(customer_id){ Swal.fire({ title: 'Are you sure?', text: "You won't be able to revert this!", icon: 'warning', showCancelButton: true, confirmButtonColor: '#3085..

sourcecode 2022.07.31

Excel 또는 PDF로 부트스트랩 테이블 내보내기

Excel 또는 PDF로 부트스트랩 테이블 내보내기 부트스트랩 vue 테이블을 사용하고 있는데 부트스트랩 테이블을 excel 또는 pdf로 내보내고 싶습니다.테이블 안에 있는 테이블과 같아서 엑셀이나 PDF로 다운로드하기 위해 어떻게 내보내야 할지 고민입니다.다른 솔루션들은 모두 json 데이터만 주고 작업을 하는데 제 문제에 대한 해결책을 찾을 수 없기 때문입니다. Codesandbox 데모 Export Goods Units Price Per Unit Total Price {{ index }} {{ service.reduce(function (prev, curr) { return prev + curr.total_units * curr.price_per_unit; }, 0) }} {{ serviceIte..

sourcecode 2022.07.31

어레이 Vuej에서 속성의 모든 값을 합산하다

어레이 Vuej에서 속성의 모든 값을 합산하다 저는 작은 앱을 만들고 있는데, 오브젝트 2의 속성 내에 오브젝트 배열을 가지고 있습니다.하나는 '라벨'이고 하나는 '값'입니다.제가 원하는 것은 속성 '값'의 모든 값을 합산하여 하나의 총값을 얻는 것입니다. Vue/JS data() { totalRequest: 0, donutData: [ { label: 'Openstaande verzoeken', value: 20 }, { label: 'Geaccepteerde verzoeken', value: 25 }, { label: 'Afgewezen verzoeken', value: 10 } ], }, created() { this.totalRequest = //here goes the function to ad..

sourcecode 2022.07.31

서버 데이터에서 Vue2 라우터 링크

서버 데이터에서 Vue2 라우터 링크 서버에서 콘텐츠를 로드하는 Vue2 SPA 페이지가 있습니다.CMS의 클라이언트가 편집할 수 있습니다. 사용자가 상대 링크(예를 들어 /about-us)를 추가할 때 Vue가 이 링크를 선택하여 메뉴 링크(이미 /about-us 링크가 있음)로 취급해야 합니다. 그러나 콘텐츠에 추가된 /about-us에 대한 링크는 페이지 전체를 새로고침하므로 vue 루트로 선택되지 않습니다. 어떻게 라우터를 이러한 링크에 접속할 수 있을까요? 지금까지 한 것은 백엔드 응답의 내용을 변경하는 것입니다. 그래서 나는 근본적으로 변화하고 있다. Text 안으로 Text 사용방법: function parseVueLinks($value) { $pattern = "/]*) href=\\\"[..

sourcecode 2022.07.31

이.$set()은 larabel을 사용하는 vue2.0에서 작동하지 않습니다.

이.$set()은 larabel을 사용하는 vue2.0에서 작동하지 않습니다. vue js에서 일부 데이터를 설정하고 뷰에서 해당 데이터에 액세스하려고 합니다. 나의 vue 방식 getVueItems: function(){ var vm = this; axios.get('/someuri').then(function(response) { vm.$set(this,'items', response.data); }); }, 제가 봤을 때론 @{{ item.id }} @{{ item.name }} 루트가 결과를 반환하고 있지만 이 값을 로 설정할 수 없습니다.items뷰에 루프합니다. 제가 뭘 잘못하고 있나요?회피책은?이를 자동으로 바인딩하는 es2015 구문을 활용하십시오. getVueItems: function(..

sourcecode 2022.07.31

vue 외부 기능, vue에 데이터 전달

vue 외부 기능, vue에 데이터 전달 vue 컴포넌트 외부에서 실행되는 기능이 있습니다.반환되는 데이터를 vue 컴포넌트의 데이터로 전달합니다. Click ME {{ item }} 함수를 에 할당하다const컴포넌트 라이프 사이클 훅 중 하나로 호출합니다. const example = function (){ return 'item'; }; export default { created () { this.item = example() }, data(){ return { item: null } } } 언급URL : https://stackoverflow.com/questions/48804328/function-outside-vue-passing-data-into-vue

sourcecode 2022.07.31

Axios GET이 Safari 브라우저에서 작동하지 않음

Axios GET이 Safari 브라우저에서 작동하지 않음 vue 인스턴스에서 created()를 호출하는 단순한 메서드 getInfo() 요구가 있습니다.외부 API에서 데이터를 가져와 페이지에 렌더링합니다. created() { this.getInfo(); }, methods: { getInfo() { let vm = this; let url = [my api url]; axios.get(url) .then(response => { console.log(response); }) .catch(error => { console.log(error); }) }, 이 방법은 Chrome에서는 완벽하게 작동하지만 Safari(High Sierra, 10.13.2)에서는 완전히 무시됩니다. 왜 이런 현상이 발생하..

sourcecode 2022.07.30
반응형