반응형

vuejs2 143

( this . internalValue || [ ] ).findIndex는 v-select에서 여러 항목을 선택할 때 사용할 수 없음

( this . internalValue || [ ] ).findIndex는 v-select에서 여러 항목을 선택할 때 사용할 수 없음 Vue.js를 Vuetify와 함께 사용하고 있습니다. 재현 가능한 최소한의 예를 다음에 나타냅니다. Show Selections 이 예는, 로 복수의 선택을 netable로 할 때까지 완전하게 기능합니다.v-select요소. 콤보박스를 클릭하면 다음과 같은 메시지가 나타납니다. vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in v-on handler: "TypeError: (this.internalValue || []).findIndex is not a function" found in ---> at src/App.vue TypeE..

sourcecode 2022.07.26

메서드에 대한 양식 제출을 연기하시겠습니까?

메서드에 대한 양식 제출을 연기하시겠습니까? 폼이 있습니다. ... 인doSomething()수표를 발행하고 만약 사실이라면 양식을 제출하고 싶습니다.확인 후 양식을 제출하려면 어떻게 해야 하나요?양식에 참조 속성 추가 를 추가할 수 있습니다.ref폼 요소에 속성을 지정합니다.그리고 나서doSomethingmethod를 통해 폼을 제출할 수 있습니다.this.$refs.form.submit(). 템플릿: ... Vue 구성 요소 방법: doSomething() { // do something this.$refs.form.submit(); } 참고문헌에 대한 자세한 내용은http://https://vuejs.org/v2/api/ #ref 를 참조해 주세요. 이벤트 개체를 메서드에 전달합니다. 이벤트 오브젝..

sourcecode 2022.07.26

vue.multiple select 오류입니다.

vue.multiple select 오류입니다. vue.js multiple select 문제: 많은 솔루션을 시도했지만 솔루션을 찾지 못해 오류가 표시됨 [Vue warn]: 바인딩에 어레이 값이 필요하지만 String이 표시됨 Select {{users.name}} [![enter image description here][1]][1] 한 가지 문제:multiple v-model="model.users_id"그리고.users_id': '': 가지고 있다v-model와 함께multiple options그래서 변수와 연결된다.v-model어레이여야 합니다.하지만 당신은 다음 문자열로 전달했습니다.users_id': ''. 다음과 같이 합니다. model: { 'title': '', 'users_id': ..

sourcecode 2022.07.26

VueJS 체크박스의 모델 배열

VueJS 체크박스의 모델 배열 VueJ 1.0에 문제가 있으며 이 동작은 VueJ 2.0에서 동작합니다.VueJ 1.0에서 정수 목록이 있고 여기에 v-model 확인란이 바인딩되어 있으면 정수 목록이 선택된 특성으로 매핑되지 않습니다. 여기 HTML이 있습니다. On Each Day of The Week M Tu W Th F Sa Su By Days: {{ schedules[0].by_days.join(', ') }} 다음은 JavaScript입니다. new Vue({ el: '#app', data: { schedules: [ { 'by_days': ["1", 2, 3] } ] } }) 출력에는 "1" 체크박스가 올바르게 켜져 있지만 2 & 3은 정수이므로 체크박스로 표시되지 않습니다.VueJ 2.0..

sourcecode 2022.07.23

속성을 지정합니다.단일 파일 구성 요소 vue js에 $el이 정의되지 않았습니다.

속성을 지정합니다.단일 파일 구성 요소 vue js에 $el이 정의되지 않았습니다. vue js와 larabel mix를 사용하여 글로벌컴포넌트를 생성하려고 하는데 속성에 액세스 할 때this.$el정의되지 않았습니다.내 컴포넌트 파일은 다음과 같습니다. 데이트 피커.표시하다 단, 컴포넌트가 X-Template로 작성되면 다음과 같이 동작합니다. client.displaces를 설정합니다. Vue.component('date-picker', { props: ['myclass','name','placeholder','value'], template: '#datepicker-template', mounted: function () { var vm = this; var options = { "locale": ..

sourcecode 2022.07.23

Nuxtjs가 비동기 데이터 내에서 Firestore 데이터를 가져옵니다.

Nuxtjs가 비동기 데이터 내에서 Firestore 데이터를 가져옵니다. SSR와 연동하기 위해 VueJs 앱을 NuxtJs로 변환하려고 합니다.비동기 데이터로 데이터를 로드하려고 하는데 막히네요.에 쿼리를 추가할 때'mounted() {}'기능은 정상적으로 동작하지만 동작시킬 수 없습니다.asyncData(){}SSR를 사용할 수 있도록. 이걸 어떻게 고칠지 아는 사람 있어? 내 코드: {{province.name_nl}} asyncData () { return { msg: 'Welcome to my new app' } const moment = require("moment"); var date = moment(new Date()).format("YYYY-MM-DD"); let housesArray ..

sourcecode 2022.07.23

로드 시 포커스 텍스트 상자의 Vue.js

로드 시 포커스 텍스트 상자의 Vue.js VueJ를 사용하여 로드에 집중하는 방법 jquery를 사용할 경우 해야 할 일은 다음과 같습니다. $(document).ready(function() { $('#username').focus(); }); vueway가 있나요, 없나요?이에 대한 커스텀 디렉티브를 작성할 수 있습니다. // Register a global custom directive called v-focus Vue.directive('focus', { // When the bound element is inserted into the DOM... inserted: function (el) { // Focus the element el.focus() } }) 그리고 이렇게 사용하세요. 문서의 ..

sourcecode 2022.07.23

.$mount()와 el의 차이 [Vue JS]

.$mount()와 el의 차이 [Vue JS] 이 코드의 차이점은 무엇입니까? new Vue({ data () { return { text: 'Hello, World' }; } }).$mount('#app') 그리고 이건... new Vue({ el: '#app', data () { return { text: 'Hello, World' }; } }) 제 말은, 이 제품을 사용하는 것이 어떤 이점이 있나요?.$mount()대신el아니면 그 반대일까요?$mount를 사용하면 필요에 따라 Vue 인스턴스를 명시적으로 마운트할 수 있습니다.즉, 머신의 마운트를 늦출 수 있습니다.vue특정 요소가 페이지에 존재하거나 일부 비동기 프로세스가 완료될 때까지 인스턴스는 DOM에 요소를 주입하는 레거시 애플리케이션에 ..

sourcecode 2022.07.17

Vue-Nuxt:생성된 HTML이 올바르게 표시되지 않는 이유는 무엇입니까?

Vue-Nuxt:생성된 HTML이 올바르게 표시되지 않는 이유는 무엇입니까? 그래서 타이핑할 때npm run generateNuxt는 내 프로젝트를 생성한다.dist폴더입니다.그 폴더에서는, 라고 하는 폴더를 찾을 수 있습니다._nuxt내가 가지고 있는 곳.js파일 및index.html파일을 브라우저로 열어도 아무것도 표시되지 않습니다. 그래서 제 질문은 이것들 정적 파일 아닌가요? 제공된 CDN을 사용하여 작업하는 경우 vue.js당신은 가지고 있다html파일을 클릭하면 브라우저에 모든 것이 표시됩니다..html파일은 정적이므로 내부 로컬 호스트 서버가 필요하지 않습니다.왜 그렇게 하지 않지? 또는 생성된 파일을 어떻게 볼 수 있습니까?@aljazerzen이 설명했듯이 Vue, js는 그렇지 않습니다...

sourcecode 2022.07.17

Vue - 플러그인이 준비되면 vue 마운트

Vue - 플러그인이 준비되면 vue 마운트 "설치" 기능 중에 서버에서 데이터를 가져오는 "OffersPlugin"을 만들었습니다.이 데이터는 vue에 로드된 첫 번째 컴포넌트에 필요합니다.그러나 vue 구성 요소가 로드되기 전에 http 요청을 완료할 수 없으며 사용할 데이터가 없습니다. 플러그인이 준비되기 전에 init vue를 보류하도록 하려면 어떻게 해야 합니까? 감사합니다. import Vue from 'vue'; import VueCookie from 'vue-cookie'; import App from './ExampleComponent'; import OffersPlugin from '../plugins/OffersPlugin'; Vue.use(VueCookie); Vue.use(Offe..

sourcecode 2022.07.17
반응형