c10106

Vuex - 계산된 속성 "name"이(가) 할당되었지만 세터가 없음 양식 검증이 있는 구성요소가 있어다단계 체크아웃 양식이다.아래 코드는 첫 번째 단계를 위한 것이다.사용자가 텍스트를 입력했는지 확인하고 이름을 글로벌 상태로 저장한 후 다음 단계로 전송하십시오.ve-validate와 vuex를 사용하고 있다. Name {{ errors.first('name') }} Next Step 나는 주문 상태를 처리하고 이름을 기록하는 가게를 가지고 있다.궁극적으로 나는 모든 정보를 다단계 양식에서 서버로 보내고 싶다. export default { state: { name: '', }, mutations: { UPDATE_ORDER_CONTACT(state, payload){ state.name = payloa..

Vue2에서 디바운스를 구현하는 방법? 나는 Vue 템플릿에 간단한 입력란을 가지고 있는데, 나는 디바운스를 거의 이와 같이 사용하고 싶다. 하지만, 그debounceVue 2에서는 속성이 더 이상 사용되지 않았다.권장 사항에는 "v-on:input + 타사 디바운스 기능 사용"이라고만 나와 있다. 어떻게 그것을 올바르게 구현하는가? lodash, v-on:input, v-model을 사용하여 구현해 보았지만 추가 변수 없이 구현이 가능한지 궁금하다. 템플릿: 스크립트에서: data: function () { return { searchInput: '', filterKey: '' } }, methods: { debounceInput: _.debounce(function () { this.filterKey..

VueJS 조건부로 요소의 속성 추가 VueJS에서는 v-if를 사용하여 DOM 요소를 추가하거나 제거할 수 있음: Important Button 그러나 다음과 같이 조건부로 설정된 돔 요소의 속성을 추가/제거할 수 있는 방법이 있는가? Username: 다음과 유사한 방법으로: Username: 좋은 생각 있어?시도: 업데이트: Vue 3에서 변경되었으므로 이 답변 https://stackoverflow.com/a/64598898을 참조하십시오.가장 간단한 양식: // if true // if false // test ? true : false Vue 3에서 속성의 조건부 렌더링이 변경됨. 속성 사용을 생략하려면null또는undefined. Vue 2: Result: Result: Vue 3: Resu..

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 구성 요소 소품에 대한 기본값 및 사용자가 프로펠러를 설정하지 않았는지 확인하는 방법 1. Vue 2에서 구성 요소 프로펠러의 기본값을 설정하는 방법은? 예를 들어 간단한 방법이 있다.movies다음과 같은 방법으로 사용할 수 있는 구성 요소: Vue.component('movies', { props: ['year'], template: '#movies-template', ... } 그러나 사용자가 지정하지 않은 경우year: 그러면 구성 요소가 에 대한 기본값을 취함year받침대 2. 또한 사용자가 소품을 설정하지 않았을 경우 확인하는 가장 좋은 방법은 무엇인가?이것이 좋은 방법인가? if (this.year != null) { // do something } 또는 다음 중 하나일 수도 있다. ..

외부 JS 스크립트를 VueJS 구성 요소에 추가하는 방법 나는 결제 게이트웨이에 외부 대본을 두 개 사용해야 해. 지금 현재 두 개 모두 그 안에 있다.index.html파일 하지만, 나는 이 파일들을 처음부터 로드하고 싶지 않다. 사용자가 특정 구성요소를 열 때만 지불 게이트웨이가 필요함(using router-view). 이것을 성취할 방법이 있을까? 고마워요.이 문제를 해결하는 간단하고 효과적인 방법은 외부 스크립트를 vue에 추가하는 것이다.mounted()당신의 구성 요소의구글 Retrifcha 스크립트로 설명하겠다. .... your HTML 출처: https://medium.com/@lassiuosukainen/how-to-to-to-tog-a-script-tag-on-a-vue-compo..

다른 액션 내에서 액션 호출 내 작업에 대해 다음과 같은 설정이 있다. get1: ({commit}) => { //things this.get2(); //this is my question! }, get2: ({commit}) => { //things }, 나는 한 가지 행동을 다른 내부에서 불러올 수 있기를 원하므로 이 예에서 나는 전화를 걸 수 있기를 원한다.get2()안에서get1().이것이 가능한가, 만약 가능하다면 어떻게 할 수 있을까?에 대한 액세스 권한dispatch첫 번째 매개 변수에 전달된 개체의 메서드: get1: ({ commit, dispatch }) => { dispatch('get2'); }, 이 내용은 설명서에서 다룬다.첫 번째 인수(컨텍스트)를 통해 디스패치 방법에 액세스할 ..

TypeError: this.getOptions는 함수가 아님 부트스트랩을 설치했을 때 이상한 오류가 발생했어.오류는 다음과 같다.온라인에서 봤기 때문에 덜 로더 제거와 덜 로더@5.0.0 설치를 시도했지만 아무 소용이 없었다.나는 이 단계에서 무엇을 해야 할지 확신이 없다. 구문 오류:TypeError: this.getOptions는 함수가 아님 @ ./node_modules/vue-style-loader??ref--8-oneOf-1-0!./node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!./node_modules/vue-loader-v16/dist/stylePostLoader.js!./node_modules/postcss-loader/src??ref--..

다른 액션 내에서 액션 호출 내 작업에 대해 다음과 같은 설정이 있다. get1: ({commit}) => { //things this.get2(); //this is my question! }, get2: ({commit}) => { //things }, 나는 한 가지 행동을 다른 내부에서 불러올 수 있기를 원하므로 이 예에서 나는 전화를 걸 수 있기를 원한다.get2()안에서get1().이것이 가능한가, 만약 가능하다면 어떻게 할 수 있을까?에 대한 액세스 권한dispatch첫 번째 매개 변수에 전달된 개체의 메서드: get1: ({ commit, dispatch }) => { dispatch('get2'); }, 이 내용은 설명서에서 다룬다.첫 번째 인수(컨텍스트)를 통해 디스패치 방법에 액세스할 ..

Vue의 계산된 속성에 매개 변수를 전달할 수 있는가?Js Vue의 계산된 속성에서 매개 변수를 전달할 수 있는가?Js. 계산을 통해 게터/세터를 갖게 되면 파라미터를 가져다가 변수에 할당할 수 있다는 것을 알 수 있다.문서화에서 다음과 같이 설명하십시오. // ... computed: { fullName: { // getter get: function () { return this.firstName + ' ' + this.lastName }, // setter set: function (newValue) { var names = newValue.split(' ') this.firstName = names[0] this.lastName = names[names.length - 1] } } } // .....