prostudy

vuelidate 참/거짓 확인 커스텀 체크박스가 있습니다. True/False 값이 올바르게 전환됩니다. { "first_name": "", "last_name": "", "username": "", "email": "", "terms_accepted": true } 실제 값을 검증하려면 어떻게 해야 합니까? 내 검증규칙은 지금이야. terms_accepted: { required }, 간단한 함수를 사용할 수 있습니다. terms_accepted: { checked: value => value === true } 언급URL : https://stackoverflow.com/questions/52781162/vuelidate-checking-for-true-false

Vue js - 특정 유형으로 프로펠러 정의 idFieldType이라는 이름의 소품을 받아들이는 vuejs 컴포넌트를 구축하고 있습니다. 이제 이 소품에는 숫자 유형 또는 문자열 유형만 허용됩니다. 그래서 이렇게 썼습니다. idFieldType: { Type: Function, default: function() { return Number; }, validator: function() { if(value == String || value == Number) { return true; } return false; } } 오브젝트로의 치환도 시도했습니다. 제 질문은 어떻게 특정 유형만 받아들이는 소품을 쓸 수 있는가 하는 것입니다.Vue.JS에는 소품 검증 기능이 내장되어 있어 유형, 필수 여부, 기본값 ..

vue.js의 하위 컴포넌트에 전달된 소품의 로컬 복사본을 작성하시겠습니까? vue.js에서 상위 데이터를 변경하지 않고 프로포트를 편집하는 올바른 방법은 무엇입니까?즉, vue.js에서 부모에서 자녀로 속성을 전달할 때마다 자녀 구성 요소에서 해당 속성을 변경하면 변경 내용이 부모 구성 요소에도 반영됩니다. vue.js에서 자녀에게 전달된 자산의 로컬 복사본을 만들 수 있는 방법이 있습니까? 나는 이것을 검색했지만, 모든 곳에 이렇게 함으로써 우리가 이것을 이룰 수 있다고 쓰여 있다. props:["user"], data(){ return { localUser: Object.assign({}, this.user) } } 여기서 사용자에게 오브젝트가 전달되고 로컬 사용자에게 오브젝트의 복사본을 만들고 있..

vee-dismit 어떻게 두 숫자 사이에 자리 제한을 설정할 수 있습니까? 사용자가 입력할 수 있는 자릿수를 3~6자리까지 제한하려고 합니다. 무슨 이유인지 나는 그것을 어떻게 하는지 모르겠다. 이것은 3자리 숫자만 추가하도록 사용자에게 강제해야 하는 코드입니다. 하지만 내가 필요한 건 3-6 사이야. 를 사용해야 합니다.min그리고.max 최대: https://baianat.github.io/vee-validate/guide/rules.html#max 최소: https://baianat.github.io/vee-validate/guide/rules.html#min 오랜 시간이 흘렀지만 여기 나에게 효과가 있었던 해결책이 있다. //Javascript File import { min, max, nume..

Vuetify css가 부트스트랩 css를 크래시하다 Vue 컴포넌트에 Vuetify를 사용하고 있습니다.Vuetify를 사용하는 부품에 vuetify css를 사용하고 싶습니다. 이 코드를 추가합니다.import VuetifyCss from 'vuetify/dist/vuetify.min.css'로컬 컴포넌트에 접속할 수 있지만 모든 프로젝트에 영향을 미치기 때문에 부트스트랩의 css를 파괴합니다. 사용하던 로컬 컴포넌트에 vuetify.min.css를 Import하려면 어떻게 해야 합니까?이 사용자는 범위 속성을 사용했습니다. Vuetify를 사용할 컴포넌트에서 선택합니다.그들의 대답으로 판단하건대 그들에게 효과가 있는 것 같았다.언급URL : https://stackoverflow.com/questi..

css 파일을 인라인 파일이 아닌 .css 파일로 출력하는 방법

중첩된 데이터와 v-slot이 있는 데이터 테이블 Vuetify: 항목 중첩된 데이터로 Vuetify 테이블을 만들고 싶습니다.문제는 v-slot:item이 중첩된 데이터와 함께 작동하지 않는 것 같다는 것입니다. 이것은 제 코드입니다.https://codepen.io/blakex/pen/XWKWjaE Slot works: {{ item.calories }} Nested slot works: {{ item.nested.nestedCalories }} data () { return { headers: [ { text: 'Dessert', value: 'name' }, { text: 'Calories', value: 'calories' }, { text: 'Nested Calories', value: 'ne..

SVG가 vue-svg-loader를 로드하고 있습니다.[ Vue warn ] :잘못된 구성 요소 정의 사용하고 싶은 경우vue-svg-loader기존 vue-cli 애플리케이션에서 오류 메시지가 표시됨 [Vue warn]: Invalid Component definition: /img/logout.b0c3dfb7.svg 다음 단계는 이미 완료되어 있습니다. 1) 설치vue-svg-loaderdev Dependency로서 2) Webpack 설정 추가vue.config.js(루트 디렉토리): module.exports = { configureWebpack: { module: { rules: [ { test: /\.svg$/, loader: 'vue-svg-loader', }, ], } } }; 3) SV..

현지화된 텍스트에서 vue별 지시어를 사용할 수 있습니까? 이제 막 사용하기 시작했어요.vue-i18n를 사용하려고 했습니다.v-on- contractions (contractions 및 :)@)를 사용합니다. 내가 하려던 일: // locale definition let locale = { en: { withEventListener: 'Some HTML with event handling' } } 및 vue 템플릿: 이는 오류를 발생시키지 않지만 vue-js에 의해 평가되지 않습니다.그 결과 Plain-HTML은 다음과 같이 됩니다. Some HTML with event handling 따라서 Vue가 텍스트를 '평가'하여 텍스트 내의 지시를 '번역'할 수 있는 방법이 있는지 묻고 싶습니다.독립 실행형..

VUE.JS + 부트스트랩 - 같은 입력의 첫 글자를 대문자로 표시하는 방법 쓰기 시작할 때 첫 글자를 대문자로 입력해 주세요. 이것도 필터가 있어요.그렇지만v-model="formSurname | capitalize"내가 시도했던 것은 작동하지 않는다.:value="formSurname | capitalize"근데 잘 안 돼요 Vue.filter("capitalize", function (value) { if (!value) return ''; value = value.toString(); return value.charAt(0).toUpperCase() + value.slice(1); }); 첫 글자를 실시간으로 변경하려면 어떻게 입력합니까?값을 대문자와 함께 저장해야 하는 경우 set 및 get 메..