c10106

구성 요소 외부에서 Vue.js 구성 요소 메서드를 호출하십시오. 예를 들어, 하위 구성 요소를 포함하는 기본 Vue 인스턴스가 있다고 합시다.이러한 구성 요소 중 하나에 속하는 방법을 Vue 인스턴스 외부에서 전체적으로 호출하는 방법이 있는가? 예를 들면 다음과 같다. var vm = new Vue({ el: '#app', components: { 'my-component': { template: '#my-template', data: function() { return { count: 1, }; }, methods: { increaseCount: function() { this.count++; } } }, } }); $('#external-button').click(function() { vm['my..

Vue.js에서 생성된 이벤트와 마운트된 이벤트 간의 차이 Vue.js 설명서에서는created, 그리고mounted다음과 같은 사건: created 인스턴스가 생성된 후 동시에 호출됨.이 단계에서 인스턴스는 데이터 관찰, 계산된 속성, 방법, 감시/이벤트 콜백 등의 설정이 완료되었음을 의미하는 옵션 처리를 완료했다.그러나 마운트 단계가 시작되지 않아 달러엘 부동산은 아직 구할 수 없을 것이다. mounted 인스턴스가 방금 마운트된 후 호출되며, 여기서 el이 새로 생성된 VM으로 대체된다.$el. 루트 인스턴스가 문서 내 요소에 마운트된 경우 vm.탑재된 것을 호출할 때 $el도 동봉될 것이다. 서버 측 렌더링 중에는 이 후크를 호출하지 않는다. 이론은 이해하지만 실천에 관한 두 가지 질문이 있다. ..

외부 요소 클릭 감지 요소 외부 클릭을 감지하려면 어떻게 해야 하는가?나는 Vue.js를 사용하고 있어서 내 템플릿 요소 밖에 있을 거야.바닐라 JS로 할 줄 알지만, 내가 Vue.js를 사용할 때, 더 적절한 방법이 있는지 잘 모르겠어. 이것은 바닐라 JS: Javascript Detect Click 이벤트 disput의 솔루션이다. 좀 더 나은 방법으로 요소에 접근할 수 있을까?내가 사용한 해결책이 있는데, 리너스 보그 대답을 기반으로 하며 vue.js 2.0과 잘 작동한다. Vue.directive('click-outside', { bind: function (el, binding, vnode) { el.clickOutsideEvent = function (event) { // here I chec..

Vue.js의 URL에서 쿼리 매개 변수를 가져오는 방법 Vue.js에서 쿼리 매개 변수를 가져오는 방법 예시http://somesite.com?test=yay. 가져올 방법을 찾을 수 없거나 순수 JS 또는 라이브러리를 사용해야 하는가?경로 개체의 문서에 따르면$route필요한 것을 노출하는 구성 요소로부터 객체. 경우 //from your component console.log(this.$route.query.test) // outputs 'yay' vue-route 없이 URL을 분할 var vm = new Vue({ .... created() { let uri = window.location.href.split('?'); if(uri.length == 2) { let vars = uri[1].sp..

Vue v-On:클릭이 구성 요소에서 작동하지 않음 컴포넌트 내부에서 클릭 명령을 사용하려고 하는데 작동하지 않는 것 같아.구성 요소를 클릭하면 콘솔에서 '테스트 클릭'을 받아야 할 때 알림이 발생한다.콘솔에 오류가 보이지 않아서 내가 뭘 잘못하고 있는지 모르겠어. 인덱스.포인트 앱뷰 테스트.vue(구성 요소) click here 구성 요소의 루트 요소에서 네이티브 이벤트를 청취하려면 .native 수식어를 사용해야 한다.v-on, 다음과 같은 경우: 코멘트에서 제시된 바와 같이 속기로 다음과 같이 할 수 있다. 기본 이벤트에 대한 자세한 내용을 보려면 참조내 생각에$emit기지는 할 수 Vue 인스턴스에서 구성 요소를 분리하여 여러 컨텍스트에서 재사용할 수 있도록 한다. // Child componen..

Vue.js에서 이스케이프되지 않은 HTML 표시 어떻게 하면 HTML을 콧수염 바인딩으로 해석할 수 있을까?그 순간 휴식 () )은 그냥 표시/표시된다. 소형 Vue 앱: var logapp = new Vue({ el: '#logapp', data: { title: 'Logs', logs: [ { status: true, type: 'Import', desc: 'Learn JavaScript', date: '11.11.2015', id: 1 }, { status: true, type: 'Import', desc: 'Learn JavaScript', date: '11.11.2015', id: 1 } ] } }) 그리고 여기 템플릿이 있다. {{fail}} {{type}} {{description}} {{..

Vue.js에서 생성된 이벤트와 마운트된 이벤트 간의 차이 Vue.js 설명서에서는created그리고mounted다음과 같은 사건: created 인스턴스가 생성된 후 동시에 호출됨.이 단계에서 인스턴스는 데이터 관찰, 계산된 속성, 방법, 감시/이벤트 콜백 등의 설정이 완료되었음을 의미하는 옵션 처리를 완료했다.그러나 마운트 단계가 시작되지 않아 달러엘 부동산은 아직 구할 수 없을 것이다. mounted 인스턴스가 방금 마운트된 후 호출되며, 여기서 el이 새로 생성된 VM으로 대체된다.$el. 루트 인스턴스가 문서 내 요소에 마운트된 경우 vm.탑재된 것을 호출할 때 $el도 동봉될 것이다. 서버 측 렌더링 중에는 이 후크를 호출하지 않는다. 이론은 이해하지만 실천에 관한 두 가지 질문이 있다. 에 ..

vue.js의 v-on에 이벤트 및 인수 전달 매개 변수를 전달한다.v-on:input지시 사항통과하지 못하면 메소드로 이벤트에 접속할 수 있다.매개변수를 함수에 전달할 때 이벤트에 계속 액세스할 수 있는 방법이 있는가?나는 vue-roouter를 사용하고 있다는 점에 유의한다. 이것은 파라미터를 통과하지 못한 것이다.이벤트 개체에 액세스할 수 있는 위치: HTML 자바스크립트 methods: { addToCart: function (event) { // I need to access the element by using event.target console.log('In addToCart') console.log(event.target) } } 매개 변수를 전달할 때 입니다.이벤트 개체에 액세스할 수 ..

vuex에서 스토어 값을 보는 방법? 나는 사용하고 있다vuex, 그리고vuejs 2함께 나는 이 생소하다.vuex, 나는 보고싶다 astore가변적 변화 나는 더하고 싶다.watch나의 기능을 하다.vue component 지금까지 내가 가지고 있는 것은 다음과 같다. import Vue from 'vue'; import { MY_STATE, } from './../../mutation-types'; export default { [MY_STATE](state, token) { state.my_state = token; }, }; 앞으로 어떤 변화가 있는지 알고 싶다.my_state 어떻게 보는가store.my_state내 Vuejs 컴포넌트에?예를 들어 과일 바구니가 있다고 하자, 그리고 바구니에서 ..

Vue Js - v-for X time(범위 내)을 통한 루프 다음을 통해 루프를 반복하는 방법v-forX(예: 10)번? // want to repeat this (e.g.) 10 times {{ item.name }} - {{ item.price }} 이 문서에는 다음이 표시된다. {{ item }} // or {{ n }} // this doesn't work {{ item.price }} 하지만 Vue는 어디에서 사물의 출처를 알까?의사 말대로 렌더링하면 항목 수와 항목 수는 알 수 있지만 내용은 없다.범위 내에서 인덱스를 사용한 다음 인덱스를 통해 어레이에 액세스하십시오. {{ shoppingItems[index].name }} - {{ shoppingItems[index].price }} 이 ..