copyscript

Vuejs 이벤트 한정자 다음 문서는 다음과 같습니다. @click.prevent.self모든 클릭을 방지합니다.@click.self.prevent요소 자체를 클릭하는 것만 방지합니다. 실제로 모든 클릭을 방지하기 위해 바이올린을 만들어 보았지만 성공하지 못했습니다.문서의 이 행이 실제로 무엇을 의미하는지 누가 자세히 설명해 줄 수 있나요? 바이올린: var app = new Vue({ el: '#appp', methods: { logger(arg) { console.log(arg); } } }); 1 ..2 ....3 가장 좋은 방법 중 하나는.prevent그리고..selfinteract는 Vue 컴파일러의 출력을 보고 있습니다. .prevent.self: on: { "click": function($..

실 워크스페이스 및 lerna를 사용하여 vue 및 nuxt용 프론트 엔드 모노레포를 설정하는 데 도움이 필요합니다. 실 작업공간과 얼나를 이용한 프런트엔드 프로젝트의 모노레포를 설정하려고 합니다.모든 앱 패키지에 대한 공유 컴포넌트 라이브러리가 있습니다. 프로젝트 구조는 다음과 같습니다. root ├── lerna.json ├── package.json └── packages ├── ui-library │ ├── src/main.js │ ├── dist/library.common.js │ └── package.json └── app 를 Import 할 때ui-library내 안에서app모든 종류의 보풀 오류가 발생합니다. 패키지/ui 패키지 에 의해 작성된 일반 vue 프로젝트입니다.@vue/cli. ..

Vue 2 - 입력된 행의 합계 수량 및 가격 입력이 포함된 동적 테이블이 있으며 계산된 속성을 사용하여 각 열의 합계를 계산합니다.이제 총계(모든 소계 합계의 합)를 계산하는 방법을 찾아야 합니다. HTML: + - Total: {{total}} Javascript: computed: { subtotalRow() { return this.items.map((item) => { return Number(item.qty * item.price) }); }, // the index part is confusing me // // total() { // return this.items.reduce((total, ?) => { // return total + ?; // }, 0); //} }, 나는 상황을 명확..

v-carousel에서 현재 항목 색인을 가져오려면 어떻게 해야 합니까? 아래 carousel을 순환시키는 코드를 가지고 있는데, 이미지 위에 아이템 제목을 표시해 두고 싶습니다.이 방법은 회전목마가 변경될 때마다 갱신되는 새로운 데이터 값을 생성하는 것입니다.하지만 어떻게 해야 할지 모르겠어요. {{currentTitle}} 적절한 최선의 방법은v-model- 현재 항목의 인덱스가 노출되어 있습니다. {{ currentTitle }} 아래 예시와 같이 v-on:change / @change Vue 이벤트를 사용하여 이 문제를 해결할 수 있었습니다. 자세한 내용은 https://renatello.com/get-selected-value-on-change-in-vuejs/ #the_advantes_of_v..

Nuxt js의 vue-awesome-swiper(swiperjs)는 실가동에서는 동작하지 않지만 개발에서는 동작합니다. vue-timeout-swiper를 사용하고 있으며 https://github.com/surmon-china/vue-awesome-swiper의 절차를 따릅니다.Nuxt js에서 이 플러그인을 글로벌하게 등록하기로 했습니다. 문제: 개발은 완벽하게 작동하고 슬라이드는 각 페이지에 표시되며 내비게이션은 작동합니다.한편, 프로덕션에서는 모든 슬라이드가 1페이지에 있고, 네비게이션은 모든 슬라이드가 1페이지에 있으므로 다른 페이지는 공백으로 둡니다. 개발 시: 실가동시: 다음은 내 파일입니다. 플러그인/VueAwesomeSwiper.js import Vue from 'vue'; import..

vue 구성 요소 내에서 마우스 이동 이벤트가 올바르게 작동하도록 하려면 어떻게 해야 합니까? 저는 vue.js에 익숙하지 않습니다.또한 요소 위에 마우스를 올려놓으면 팝업을 트리거하는 컴포넌트를 작성하려고 합니다.문제는 마우스 위치가 요소 내에서 이동할 때마다 기록되는 것이 아니라 요소를 출입할 때만 기록된다는 것입니다.어떻게 하면 제대로 작동할 수 있을까요? export default { data() { return { popup: false } }, methods: { mouseEnter(event) { console.log('mouseneter'); this.popup = true; this.$el.addEventListener('mousemove', this.mouseMove, false); }..

.vue 파일 내에서 렌더 기능을 사용할 수 있습니까? 컴포넌트의 html 태그를 동적으로 설정하려고 합니다.예: components: { test: { props: ['tag', 'attributes'], render(createElement) { return createElement(this.tag || 'div', {attrs: this.attributes || {}}, this.$slots.default); } } } 그러면 html 파일에서 다음과 같은 코드를 사용할 수 있습니다. a tag content p tag content 이제 Vue Loader와 같은 기능을 사용하여 컴포넌트를 분할합니다.기본적으로 다른 컴포넌트를 다른 파일로 분할하여 main.js 파일을 사용하여 Import합니다...

Vue.js를 사용하여 $emit payload에서 값을 가져오려면 어떻게 해야 합니까? Conversation List(자녀 컴포넌트)에서 Conversation Model(부모 컴포넌트)까지 다양한 값을 가진 이벤트를 내보내고 있습니다. 대화 목록 getConversation(conversation_id, receiver_id, username, avatar){ this.$emit('open-conversation', receiver_id, conversation_id, username, avatar); } 컨버세이션 모델 Vue devtools 출력 [2,1,"Jeff","http://i.pravatar.cc/52"] 템플릿 방법 getConversation(event){ console.log(ev..

vuejs를 사용하여 모델을 동적으로 생성할 때 DOM 컨트롤에서 값을 가져오는 방법 표시할 DOM 컨트롤이 API 서비스에서 채워지는 동적 폼 생성기 컴포넌트를 만들고 있습니다.모델 키(:v-model)도 동적으로 추가됩니다.사용자가 DOM 컨트롤에 입력한 데이터에 액세스할 수 없습니다. 모든 데이터가 양식 생성기로 전달되는 구성 요소 위의 코드, 모델 및 스키마.필드가 비동기 Axios API 호출에서 입력되고 있습니다. "dcno"라는 이름의 모델에 대한 값을 전달하면 입력 컨트롤에 값이 채워집니다. 동적 양식 생성기 구성 요소 Submit dcno 모델:value='model[formItem.model]에 정적 값을 전달하면 값이 표시됩니다.필드 키에 일련의 컨트롤이 있다고 가정합니다.제출함수에서..

Vue.js: 항목을 v-for의 계산된 프로펠러로 전달하고 하위 어레이를 정렬하여 반환하시겠습니까? 이걸 어떻게 하는지 알아내기 위해 꽤 오랫동안 구글을 검색해왔는데.. 각각 "엔티티" 목록을 얻은 "엔티티" 목록이 중첩된 v-for에 표시됩니다. 의도는 이미 계산되어 있습니다만, 「엔티티」리스트도 즉석에서 정렬할 필요가 있기 때문에, 그 리스트를 작성하는 것도 계산된다고 생각했습니다. 오류: **TypeError: _vm.entityList is not a function** 이것이 현재 저의 접근법입니다. import uniq from 'lodash/uniq' import orderby from 'lodash/orderby' import Util from "@/components..