cyworld

x-template를 사용하여 템플릿을 Vue 구성 요소에서 분리하는 방법 아래와 같이 Vue 컴포넌트에서 템플릿을 분리하려고 했지만 작동하지 않습니다.vue.js 파일만 참조하고 브라우즈는 참조하지 않습니다. Vue.component('my-checkbox', { template: '#checkbox-template', data() { return { checked: false, title: 'Check me' } }, methods: { check() { this.checked = !this.checked; } } }); 또는 템플릿을 vue 컴포넌트에서 분리할 수 있습니다.X-Template는 HTML 파일에서 정의합니다.간단한 데모는 아래를 참조해 주세요. // this is the JS file..

제스트를 사용하여 Vuejs 어플리케이션에서 window.location.assign을 감시하는 방법 유닛 테스트를 위해 window.location.assign을 해야 합니다.하지만 테스트를 실행하면 이 오류가 발생합니다. Cannot spy the assign property because it is not a function; undefined given instead 코드는 다음과 같습니다. jest.spyOn(window.location, "assign"); 이 건에 대한 힌트나 해결책을 주실 수 있는 분 계십니까?Jese v25(JSDOM의 새로운 버전을 사용)로 인해 다음 오류가 발생합니다. TypeError: Cannot assign to read only property 'assign' ..

VueJ에서 v-if의 여러 조건을 사용하려면 어떻게 해야 합니까? 코드는 다음과 같습니다. 자바스크립트 let Names = [ { Name: "Josh" FullName: "" }, { Name: "Jonathan" FullName: null }, { Name: "James" FullName: "James Johnson" } ]; Index.Vue {{FullName}} 이것.v-if=" item.FullName != null || item.FullName != '' "효과가 없어, 왜?어떻게 하면 두 가지 조건을 안에 넣을 수 있을까요?v-if?빈 문자열을 거짓된 가치로 취급하는 방식일 수도 있고||두 표현 중 하나라도 참일 경우 풀네임을 표시해 주십시오.제 생각은 다릅니다. 대신 다음을 시도해 보..

adal.token이 올바르게 갱신되지 않음 Vue.js SPA에서 일하고 있습니다.사이트는 하나의 호스트(web.xxxx.com)에서 실행되고 api는 다른 호스트(api.xxxx.com)에서 실행됩니다.API 콜은 보호되며 ADAL을 사용하여 로그인, 로그아웃 및 로그인한 사용자의 토큰을 API에 제공합니다.Vue에서는 다음과 같이 요격기를 설정합니다.getToken에 싸여 있다acquireToken약속을 반환하는 경우: Vue.http.interceptors.push((request, next) => { // if this is a call to API, then set up auth Vue.http.options.xhr = {withCredentials: true}; getToken() .then..

vue-slick으로 슬릭 이벤트를 포착하는 방법 vue-slick은 아직 이벤트(변경 후, 변경 전, 스와이프...)를 제공하지 않는 것 같습니다.jQuery 버전처럼요. 쓸까요?MutationObserver듣다afterChange Event아니면 누군가 더 좋은 아이디어를 가지고 있나요?구성 요소를 살펴보면 vue-slick이 화재 이벤트를 수행합니다.당신은 가지고 있다swipe,destory,afterChange,beforeChange훨씬 더 많이요. 이벤트 목록은 30분 전에 추가되었으므로 https://github.com/staskjs/vue-slick에서 확인하십시오. 예를 들어, 확인하다swipe할 수 있는 일: 그런 다음 이벤트 데이터를 가져오는 방법을 만듭니다. methods: { han..

세그멘테이션 장애란 무엇입니까? 세그멘테이션 장애란 무엇입니까?C와 C++는 다른가요?분할 장애와 매달린 포인터는 어떻게 관련되어 있습니까?세그멘테이션 장애는 "사용자 소유가 아닌" 메모리에 액세스하여 발생하는 특정 오류입니다.메모리를 파손하거나 디버깅하기 어려운 메모리 버그가 발생하는 것을 방지하는 도우미 메커니즘입니다.segfault가 발생할 때마다 이미 해방된 변수에 액세스하거나 메모리의 읽기 전용 부분에 쓰는 등 메모리에 문제가 있음을 알 수 있습니다.세그멘테이션 장애는 메모리 관리를 망칠 수 있는 대부분의 언어에서 기본적으로 동일하며, C와 C++의 세그먼트 장애 사이에는 큰 차이가 없습니다. 적어도 C(+)와 같은 하위 수준의 언어에서는 segfault를 얻는 방법이 많이 있습니다.segfau..

VueJs 2 - 여러 커스텀필터 사용 Vuejs 2.0은 v-for를 사용할 때 기본 제공 필터(필터비, 주문비, 제한비)를 더 이상 사용하지 않습니다.Filterby 및 Orderby 필터의 기능을 재현하려고 합니다. 양쪽의 필터가 개별적으로 동작하고 있습니다만, 조합하려고 하면 문제가 생깁니다. 관련 템플릿 섹션: {{item[head[".key"]]}} 관련 스크립트 섹션: import { mapGetters } from 'vuex' import db from './db' export default { firebase: { sections: db.ref('HE'), columns: db.ref('Columns') }, computed: { ...mapGetters({ query: 'queryGet..

요소에 바인딩하는 방법 Vuex.Store({ state: { percentage: 0, }, ... 하고싶다하지만 나는 점점error 'v-model' directives aren't supported on elements그렇지 않으면 어떻게 하죠? 그렇게 (또는 비슷한) 하고 싶다. 이것을 의 부모에 추가합니다.progress컴포넌트 import { mapState } from "vuex"; computed: { ...mapState({ percentage: state => state.percentage, }), } 이렇게 하면 스토어에서 업데이트된 값을 얻을 수 있습니다.그런 다음 컴포넌트 값에 바인드합니다. 언급URL : https://stackoverflow.com/questions/623465..

2개의 vuex 스토어를 하나의 스토어로 결합하는 방법 안녕하세요 저는 2개를 조합해야 합니다.vuex단일 스토어에 저장(두 스토어는 서로 다른 프로젝트) import storeA from '/path'; import storeB from '/path'; 이제 두 가게를 합쳤다 const combinedStore = //combine logic as i don't know this logic 2개의 vuex 스토어를 결합하기 위해 stackoverflow에서 많이 검색했지만 그렇게 게시된 해결책을 찾을 수 없었습니다. 여기 나의 방법이 있다.vuex매장은 양쪽에서와 같이 보일 것이다.stores 스토어 1: // storeA.js const store = { state(){return {}}, actio..

Vue.js 데이터 속성을 인수로 전달하지 않고 메서드 내에서 사용하는 것이 잘못되었습니까? 다음의 2개의 시나리오가 있다고 가정합니다. 시나리오 1: data(){ return { number: 2 } }, methods: { multiplyByTwo(number){ return number*2 } }, mounted(){ this.multiplyByTwo(this.number) } 시나리오 2: data(){ return { number: 2 } }, methods: { multiplyByTwo(){ return this.number*2 } }, mounted(){ this.multiplyByTwo() } 보시다시피 두 경우 모두 함수가 multiplyBy입니다.2는 2를 곱한 데이터 번호 속성을 반..