cyworld

vuejs + babel-intered 이거.setDynamic은 함수가 아닙니다. 코드에 문제가 있습니다.larabel-mix Web pack 설정에 babel-loader를 추가하려고 하는데 오류가 발생하였습니다.setDynamic은 함수가 아닙니다. 이것은 webapack-mix.js 파일입니다. const {mix} = require('laravel-mix'); const VueLoaderPlugin = require('vue-loader/lib/plugin') /* |-------------------------------------------------------------------------- | Mix Asset Management |------------------------------..

Laravel에서 Vue.js를 운영 모드로 전환하는 방법 Vue.js는 Laravel에 이미 설치되어 있기 때문에 어떻게 프로덕션 모드로 설정해야 할지 잘 모르겠습니다. 웹 사이트를 시작하면 콘솔에 다음과 같은 메시지가 나타납니다. Vue를 개발 모드로 실행하고 있습니다.실가동용으로 전개할 때는, 반드시 실가동 모드를 온으로 해 주세요. 'npm 운영'을 사용하여 자산을 구축하기만 하면 됩니다.방법 1 npm run production 방법 2 Laravel에서 Laravel 구성에 환경변수를 추가하고 실행 시 Vue 구성에 대한 부하를 기준으로 합니다. 정의:MIX_ENV_MODE=production 사용방법:process.env.MIX_ENV_MODE 마지막으로 이 코드를 임의의 구성 스크립트 파일..

라우터 링크로 vue-multicelect를 채우다 vue-multicelect 드롭다운을 다음과 같이 채우려고 합니다.옵션들.다른 컴포넌트에 대한 라우터 링크를 지정하는 일반적인 방법은 에 기재되어 있습니다.vue-multicelect는 옵션 배열과 바인드를 사용합니다.어떻게 해야 할지 생각나는 거 없어? vue-multicelect를 컴포넌트 간 이동에 재사용하고 싶다.네, vue-multicelect의 개발자인 Damian에게 연락한 결과 답을 얻었습니다.vue-multicelect를 액션디스패처로서 사용하는 것을 상정하고 있습니다.https://vue-multiselect.js.org/ #sub-action-dispatcher 추가하다 :reset-after="true" @select=“navig..

클릭 시 vue js get html5 특성 저는 vuejs 최신 버전을 사용하여 프로젝트를 진행하고 있습니다.이 프로젝트에서는 vue on click 이벤트와 관련된 html5 속성을 얻고 싶습니다. 내 버튼 코드는 그리고 내 js는 var staffModal = new Vue({ el: '#app', methods: { editModal: function(){ console.log(this.data_id); } }}); 콘솔에서는 정의되지 않습니다.올바른 가치를 얻는 방법.MouseEvent 인스턴스는 이벤트핸들러를 클릭하기 위한 첫 번째 파라미터로 전달됩니다.사용하다getAttribute접근하기 위한 함수입니다. MouseEvent.target을 가리키다그리고.MouseEvent.currentTar..

Vue.js - 요소 UI - 동적 규칙 검증 양식 사용하고 있다vue-js2.3그리고.element-ui. 폼의 유효성 검사 규칙을 동적으로 정의하고 싶다. 예 https://jsfiddle.net/cgL6y9kq/ 문제 그required는 에 의해 동적으로 정의되지 않습니다.phoneMandatory 문의사항 기존 규칙의 속성을 동적으로 변경하려면 어떻게 해야 합니까?규칙을 동적으로 추가 또는 삭제하려면 어떻게 해야 합니까?네, 있습니다.rules컴포넌트의 속성data방법.즉, 다른 데이터 속성 변경에 따라 업데이트되지 않습니다. 다음에 대해 계산된 속성을 사용해야 합니다.rules대신: computed: { rules() { return { phone: [{ required: this.phoneMa..

입력된 텍스트 필드의 아이콘에서 사용 가능을 클릭합니다. 필요에 따라 사용자가 잠금 해제할 수 있는 입력 필드를 구현하고 싶습니다. 시각적으로 버튼은 필드 밖이나 안쪽에 있어야 한다고 생각했지만 강하게 연계되어 있었습니다. 이를 위해 Vuetify 텍스트 필드의 append-outer-icon소품: 템플릿: 다음은 스크립트입니다. data: () => ({ message: '', locked: true, }), computed: { icon () { return this.locked ? 'lock' : 'lock_open' } }, 다음은 Codepen 링크입니다.https://codepen.io/anon/pen/jQaJPK 그러나 입력이 비활성화되어 있으면 버튼을 클릭할 수 없습니다. 입력이 이 방법을..

범위 지정 슬롯에서 refs 요소를 가져오는 방법 슬롯 템플릿에 참조가 있는 경우 컴포넌트에서 참조에 액세스하려면 어떻게 해야 합니까?예를 들어 다음과 같습니다. v-component.표시하다 app.vue v-computent의 이.$refs.ele.vue 출력이 정의되지 않았습니다.문제는 이 요소를 어떻게 얻을 수 있느냐는 것입니다.명명된 각 요소slot그리고.scopedSlot가지다context.$refs. 객체가 존재하는지 확인하는 것을 잊지 마십시오. {{ props }} 그리고. 결과: 이는 Vue 개발자에 의해 좋지 않은 아이디어로 간주됩니다.https://github.com/vuejs/vue/issues/7661 근데 Vue3에서는el에 의해 취득된 슬롯의 엔트리 this.$refs.myR..

vue js의 img의 :src에 동적으로 바인드하는 방법 다음은 img 태그의 src 속성에 바인딩하기 위한 코드입니다.속성에 바인딩할 수 있습니다.그러나 링크가 자산 폴더에서 실제 아이콘을 가져오지 않고 대신 404 또는 찾을 수 없음으로 표시됩니다. {{navigation}} 실제 질문 : 문자열 사이의 변수를 사용하여 Atribute에 동적으로 바인드하려면 어떻게 해야 합니까? '@/assets/icons/'+nav+'.svg'이렇게요? 요소를 검사하면 동일한 경로가 나타납니다.즉,@/assets/icons/{{iconnamehere}}.svg그런데 진짜 아이콘이 안 보여요. 하지만 내가 구속없이 이런 일을 한다면 그러면 이미지가...요소를 검사하면 다음과 같은 대체 경로가 나타납니다.지금쯤은 알..

VeValidate(vue.js) 이미지 파일 크기 및 치수 검증 vue.js의 vee 검증을 사용하여 이와 같은 형식으로 검증을 설정하는 방법 이미지 치수가 500*500픽셀 미만 이미지 크기가 100KB 미만 이러한 요건 중 두 가지에는 사용 가능한("원어민") 규칙이 있습니다. 이미지여야 합니다. 규칙을 사용하십시오. 이미지 크기가 100kb 미만입니다. 규칙을 사용하십시오. 자, 이제 이미지 치수가 500*500픽셀 미만 ...문제는 적은 것에 있다. 정확한 크기에 대한 규칙 테스트입니다.따라서 크기보다 작거나 같은 크기를 테스트하려면 조정해야 합니다. 간단한 해결책은 규칙의 공식 구현에서 코드를 가져와 더 작거나 같은지 테스트하도록 변경하는 것입니다. 아래 데모에서는 이렇게 되어 있습니다.로서 ..

기존 HTML의 데이터를 사용하여 Vue 뷰 모델 로드 Vue를 사전 렌더링된 HTML과 함께 사용하고 싶습니다. 장기적으로는 사용하지 않을 수도 있지만, 현재로서는 서버 코드를 그대로 두고 Vue를 사용하여 웹 애플리케이션의 클라이언트 로직을 관리하는 것이 더 쉬워 보입니다. 뷰 모델이 HTML에서 데이터를 로드하는 방법을 설명하는 것을 찾을 수 없습니다.예시는 https://github.com/vuejs/Discussion/issues/56과 같습니다.그 문제는 종료(수정?)되었지만 1.x에서도 2.x에서도 동작하지 않는 것 같습니다. HTML을 설정할 때 Hello! 뷰 모델을 만듭니다. var vm = new Vue({ el: '#myvue' }); VM 객체에 HTML의 데이터를 주입하여vm.m..