c10106

동적 부울 속성을 VueJS 구성 요소로 전달 Vuetify를 사용하여 VueJS 구성 요소에 동적 속성을 연결하는 방법JS? 나는 다음과 같은 Vuetify가 있다.선택 필드 요소를 만드는 JS 코드 예제: new Vue({ el: '#app', vuetify: new Vuetify(), data () { return { selectField: '', items: [ 'item1', 'item2', 'item3' ], booleanProperties: [ 'multiple', 'attach', 'chips' ] } }, }) 이렇게 하면 기능적인 Vuetify가 생성됨JS 선택 구성요소, 그러나 부울 소품 전달 방법을 알고 싶다.multiple, attach, chips구성 요소 선언에 명시적으로 지정..

vuejs/vue.js에서 만족스러운 진정한 div 내부 스팬 태그에서 키프레스 이벤트를 호출하는 방법? 나는 이런 구조를 가진 vue.js에서 편집자를 만들려고 한다. 코드 조각: {{ block1.text }} {{ block1.text }} {{ $data }} 그러나 언제나처럼 키프레스, 키다운, 키업 이벤트가 만족스러우므로 디브에 포착된다. 사용하고 싶지 않다 {{block1.text}} {{block2.text}} 이것은 편집기 내부의 자유 커서 이동을 차단하기 때문이다. 내 문제에 대한 가장 좋은 해결책은 무엇일까?미안, 이제 네 곤경을 더 잘 이해했으니까, 내가 문제를 다시 설명할 수 있는지 알아볼게. A를 사용하고 있는 경우contenteditable div준 WYSIWYG 입력 필드의 ..

Vue 3, 변동 변화에 대해 $emit 호출 그래서 나는 형태로서의 역할을 하는 Vue 3에 구성 요소를 구축하려고 하는데, 부모가 데이터를 처리하기 위해서는 변경에 관한 모든 입력이 있는 물체를 내보내고 싶다.내가 가지고 있는 문제는 내가 전화를 할 수 없을 것 같다는 것이다.$emit안에서watch()(아마도 컨텍스트 때문이지만, 구성 요소 전체 컨텍스트가 디폴트로 통과되지 않고, 수락되지 않는 이유 또한 알 수 없다.this나도 같은 이유로 어떤 방법도 부를 수 없다. 나는 몇몇 사람들이 그것을 사용하는 것을 본다.watch: {}구문이지만 내가 이해한 바로는 그것은 더 이상 사용되지 않고 나 역시도 이해가 되지 않는다. 여기 내가 성취하고자 하는 것의 최소한의 예가 있다.입력 날짜가 변경될 때마..

Vue: 이미 정의된 슬롯 무시 슬롯 래퍼 Vue 오브젝트에는 정말 도움이 되는 멤버가 있다.$attrs. $attors가 하는 일은 현재 구성요소의 소품으로 인식되지 않는 모든 속성을 포함한다.의 좋은 예.$attrs여기 있다. 에 상응하는 것이 있는지 궁금하다.$attrs을 위해$scopedSlots나는 현재 https://stackoverflow.com/a/50892881/6100005의 첫번째 제안과 비슷한 접근방식을 사용하고 있다.와의 문제.$scopedSlots이미 정의된 슬롯도 통과하는지 여부.다음 예제를 사용하려면: 지금foo의 행동 덕분에 두 번 묶이지 않을 것이다.$attrs그렇지만mySlot둘 다에게 보내질 것이다.wrapper그리고b-table. 내가 정의하고 있는 슬롯을 제외한 모..

동적 구성 요소 및 사용자 지정 이벤트 사용 시 VueJS 경고 그래서 이런 경고를 받았다. "관련성이 없는 이벤트 수신기(addNewResource)는 구성요소로 전달되었지만 구성요소가 조각 또는 텍스트 루트 노드를 렌더링하기 때문에 자동으로 상속될 수 없었다.수신기가 구성 요소 사용자 지정 이벤트 수신기일 경우에만 "emits" 옵션을 사용하여 수신기를 선언하십시오. 그리고 나는 왜 그런지 이해할 수 없다.나는 2개의 맞춤 이벤트가 있는 동적 구성요소를 사용하고 있다.나는 두 개의 방출된 사건을 모두 더하기 위해 노력했다.emits두 구성 요소의 객체 App.vue AddResource.vue Title Description Link Add Resource LearningResources.vue {{..

범위 슬롯을 통해 하위 구성 요소로 양식 입력 요소를 전달하는 방법 슬롯을 통해 전달되는 입력 요소에 입력된 데이터에 어떻게 액세스하여 내부에 양식 요소가 있는 모달(modal)을 여는 하위 구성 요소에 액세스할 수 있는가? 나는 범위 슬롯에 대한 vue 문서를 읽어 보았지만, 솔직히 어떻게 하면 그것을 내 예에서 작동시킬 수 있는지 알 수가 없다.하위 구성 요소로 전달되는 v-모델과 함께 입력 요소를 사용하는 예는 없다. 다음 코드가 포함된 구성 요소 "BaseFormModal"을 생성했다.유효성 검사(Ve-validate)는 이 내부에서 발생하므로 이 자식 구성 요소는 데이터가 유효한 것으로 간주될 때 "제출" 이벤트를 발생시키고, 이 이벤트는 내가 부모 구성 요소에서 픽업한다는 점에 유의하십시오. ..

특정 페이지에만 캡차 아이콘을 표시하는 방법(VUE reCAPTCHA-v3) 나는 이 패키지를 사용한다: https://www.npmjs.com/package/vue-recaptcha-v3 나는 나의 main.js:를 덧붙인다. import { VueReCaptcha } from 'vue-recaptcha-v3' Vue.use(VueReCaptcha, { siteKey: 'xxxxxxx' }) 다음 코드를 추가함: await this.$recaptcha('login').then((token) => { recaptcha = token }) 내 컴포넌트로 구글에서 토큰을 받기 위해 내 문제는 오른쪽 아래 구석에 있는 캡차 아이콘이 모든 페이지에 나타난다는 것이다. 특정 구성 요소에만 표시됨 내가 이것을 바꿔..

라우터를 사용할 때 Vue 라우터 보기가 렌더링되지 않음각 항목 나는 Vue Router와 함께 일하고 있는데, 나는 그 라우터를 사용해야 한다.router.beforeEach특정 경로가 적중되었는지 확인하기 위해 콜백이것의 유일한 문제는 콜백을 사용할 때아무 것도 제공하지 않는다. app.vue routes.js import VueRouter from 'vue-router'; export default new VueRouter({ routes: [ { path: '/', component: require('./views/home') }, { path: '/logout' } ], linkActiveClass: 'is-active' }); app.js import './bootstrap'; import r..

html 이전에 스크립트를 로드할 때 Vue.js가 작동하지 않음 나는 Vue.js에 처음 와.나는 javascript가 html 템플릿 앞에 로드될 때 바인딩이 작동하지 않는다는 것을 발견했다. {{message}} speak 그러나 vue.js 스크립트가 바인딩된 html 템플릿 뒤에 스크립트를 배치할 때 작동한다. {{message}} speak 나는 이 문제가 jQuery를 사용할 때 코드를 ready()에 넣어야 하는지와 유사하다고 생각한다.나는 구글에서 Vue.js의 ready()에 대해 검색해 보았지만 그것은 Vue.js 인스턴스 안에 있다.html보다 먼저 스크립트를 로드할 수 있도록 jQuery와 같은 ready() 함수가 있는가?아니면, vue.js가 html 템플릿 다음에 스크립트를 ..

vue.js carousel-3d에 데이터가 표시되지 않음 나는 Vue Carouzel 3D를 사용하고 있고, 외부 API 호출을 통해 동적 데이터를 받고 있다.하지만 내가 사용할 때마다 components: { 'carousel-3d': Carousel3d.Carousel3d, 'slide': Carousel3d.Slide }, 데이터를 볼 수 없음.회전목마 슬라이더에 있는 비디오 이름과 비디오 URL을 받고 싶다.제발 도와주세요. json 형식 [ { "src":"http:\/\/localhost\/WCFCrawler\/Videos\/Business - Copy.mp4", "title":"Business - Copy" }, { "src":"http:\/\/localhost\/WCFCrawler\/Vi..