반응형

vue-component 36

어떻게 하면 이것에 대한 반응을 얻을 수 있을까.vue.js 2에 $store.properties?

어떻게 하면 이것에 대한 반응을 얻을 수 있을까.vue.js 2에 $store.properties? 내 구성 요소는 다음과 같다. product.js 모듈의 ajax call getProducts 메서 product.js 모듈은 다음과 같다. import { set } from 'vue' import product from '../../api/product' import * as types from '../mutation-types' // initial state const state = { list: {} } // actions const actions = { getProducts ({ commit,state }, payload) { product.getProducts( payload, data => ..

IT이야기 2022.03.26

Vue - 부트스트랩 테이블 사용자 지정 구성 요소의 데이터 업데이트

Vue - 부트스트랩 테이블 사용자 지정 구성 요소의 데이터 업데이트 Bootstrap Vue 라이브러리의 기존 기능을 확장하는 사용자 지정 구성 요소를 Vue 2.0에서 만들려고 함. 인덱스.jsp에 정의된 removeRow 및 resetData 기능이 원하는 방식으로 작동하지 않는다는 점을 제외하면 대부분 원하는 방식으로 작동한다. RemoveRow는 행을 시각적으로 제거하고, 행에서 행을 제거한다.data받침대. 그러나 행은 다음 상호작용 후에 다시 나타난다(그림, 필터 등).그래서 그것은 사실 올바른 것을 업데이트하는 것이 아니다.v-model을 항목들의 얕은 복사본으로 사용하려고 하는데, 원래 데이터 세트에 영향을 주지 않고 삭제하려고 하는데, 그냥 뭔가 놓치고 있어. resetData는 테이블..

IT이야기 2022.03.24

슬롯 내에서 요소 개수 가져오기

슬롯 내에서 요소 개수 가져오기 다음 Vue 구성 요소를 고려하십시오. 위 내용은 통하지 않고, 참고하려고 하기 때문이라고 생각한다.refs데이터 개체에서 나는 그것을 얻으려고 노력하고 있다.countDOM 요소의.carousel원소의이것을 이루기 위해서는 어떻게 해야 할까? 갱신하다 몇 가지 더 연구해 본 결과 다음과 같이 성취할 수 있다는 것을 알게 되었다. 하지만, 나는 이것이 이것을 이루기 위한 최선의 방법이라고 확신하지 않는다.나는 '최고'가 주관적이라는 것은 감사하지만, 이것을 성취하기 위한 '더 나은' 방법에 대해 아는 사람이 있는가?나는 태그에 있는 요소들을 세는 더 간단하고 간단한 방법이 다음과 같다고 생각한다. 우리는 아래를 이용하여 .carouzel 클래스안의 모든 요소들을 얻을 수 ..

IT이야기 2022.03.24

슬롯에서 카테고리 값을 가져오는 방법(일정관리 설정)

슬롯에서 카테고리 값을 가져오는 방법(일정관리 설정) 신체 부위(슬롯)의 Vuetify 달력 범주 보기에서 호버 기능을 사용하는 방법을 찾는 데 문제가 있음day-body내가 호버 기능을 구현하면 전체 행에 호버가 있지만 나는 하나의 범주에서만 맴돌고 있다.주, 주, 주, 주 4일 등 다른 모든 것이 개별적으로 받을 수 있기 때문에 제대로 작동하고 있다.date,week그리고timeToY처음부터day-body슬롯을 달다 {{ hoverY }} 이것은 내가 사용하고 있는 HTML과 이 두 가지 이벤트 입니다.@mousemove:time="hoverToSeeTime"그리고@mouseleave:time="removeHover". 내가 할당한 마우스 이동 핸들러에서isHover,hoverDate그리고hoverY..

IT이야기 2022.03.23

vue 구성 요소에서 변수를 정의하는 방법(Vue).JS 2)

vue 구성 요소에서 변수를 정의하는 방법(Vue).JS 2) 내 vue 구성 요소는 다음과 같다. {{ status = item.received_at ? item.received_at : item.rejected_at }} {{ status }} - {{ item.received_at ? 'Done' : 'Cancel' }} Proses I want to definition the.status가변적 그래서, 그.status변수는 조건에 사용될 수 있다. 나는 이렇게 노력한다. {{ status = item.received_at ? item.received_at : item.rejected_at }} 하지만, 그것은 잘못된 것 같다. 어떻게 정의해야 할까?메소드를 사용하여 기능을item변수는 의 범위 밖..

IT이야기 2022.03.22

한 개 또는 여러 개의 인스턴스를 지정하시겠습니까?

한 개 또는 여러 개의 인스턴스를 지정하시겠습니까? 나는 (라벨과 결합하여) Vue를 꽤 생소하다.어떤 게 제일 좋은지 모르겠어. 예를 들면 다음과 같다.나는 Vue 채팅 어플리케이션과 사이드바를 가지고 있다.이 순간 나는 (#app 요소에서) 하나의 vue 인스턴스를 만들었다.모든 코드는 이제 이 하나의 vue 인스턴스에 있다.내 chatapp 및 사이드바 인스턴스의 데이터와 코드를 분리하려면 어떻게 해야 하는가? Vue.component('chat-message', require('./components/ChatMessage.vue')); Vue.component('chat-log', require('./components/ChatLog.vue')); Vue.component('chat-compose..

IT이야기 2022.03.22

Vue.js: 단일 파일 구성 요소에서 소품을 지정하는 방법?

Vue.js: 단일 파일 구성 요소에서 소품을 지정하는 방법? 단일 파일 구성 요소를 정의하는 중 나는 그 부품에 소품 옵션을 사용하고 싶다. 그런데 어디에 코드를 추가할 수 있을까? {{ msg }} 오랜 실험 끝에 다음과 같은 실질적인 해결책을 찾아냈다. 프로젝트 파일 구조: src/ assets/ components/ Home.vue App.vue main.js package.json config.js index.html 이제, 우리는 루트 컴포넌트에 접근하고자 한다.App하위 구성 요소 내의 의 vm 필드Home.vue, 와 함께.vue-route에 관하여 main.js: import Vue from 'vue' import VueRouter from 'vue-router' import App fr..

IT이야기 2022.03.21

Vue 구성 요소 프로펠러 변경이 리렌더를 트리거하지 않음

Vue 구성 요소 프로펠러 변경이 리렌더를 트리거하지 않음 내 Vue 2 애플리케이션에서 나는 소품으로 루트 구성 요소에서 일부 하위 구성 요소로 전달되는 큰 개체를 가지고 있다.개체의 속성을 변경하면 하위 구성 요소가 업데이트 및 렌더링되어야 한다.어떤 경우에는 그렇지 않고, 어떤 경우에는 그렇지 않은 경우도 있다.나는 그것이 왜 작동하지 않는지 알아내는 데 도움이 필요하다. 다음은 업데이트되지 않는 하위 구성 요소: {{level}} + 구성 요소는 다음과 같이 호출된다. 모든 코드가 통한다.클릭할 때btnUpgrade단추를 끼우다레벨이 변경된 것은 맞지만, 변경 사항을 보려면 구성 요소를 닫고 다시 열어야 한다.또한 브라우저 개발 도구는 즉시 변화를 보여주지 않는다.디버거의 값을 새로 고치려면 구성..

IT이야기 2022.03.20

.vue 단일 파일 구성 요소를 NWj와 함께 사용할 수 없음

.vue 단일 파일 구성 요소를 NWj와 함께 사용할 수 없음 Good Afdom, 나는 0.26.1 버전에서 NWjs를 사용하여 데스크톱 앱을 만들고 있다. 나는 XfCE4와 함께 Ubuntu 서버 16.04를 사용하여 Vue를 사용하고자 하는 앱을 개발하고 있다.데이터 부분에는 JS, UI 구성 요소에는 Buefy. 하지만 UI Vue Framework는 단일 파일 .vue 파일 구성 요소를 사용하기 때문에 이 오류에 직면하게 되었다. Uncaught SyntaxError: Unexpected token < at createScript (vm.js:80:10) at Object.runInThisContext (vm.js:139:10) at Module._compile (module.js:600:28)..

IT이야기 2022.03.19

Vuejs 라이브러리 CLI v3 제외

Vuejs 라이브러리 CLI v3 제외 나는 vuejs CLI 버전 3을 사용하고 있으며 패키지에 있는 이 대상을 사용하여 라이브러리를 만들고 있다.json vue-cli-service build --report-json --target lib --name components src/appup-components.js 이 라이브러리는 몇 가지 이름을 붙이기 위해 부트스트랩뷰, 공리, 핸들바와 같은 많은 다른 외부 라이브러리를 사용한다. 내 테스트 프로그램은 npm 설치를 사용하여 이 라이브러리를 가져온다. 도서관 건물은 짓는 동안 매우 느리고 약 2분 정도 걸린다.그리고 나서 앱 서버를 시작하는 데 20-30초가 더 걸린다.생산성이 타격을 받다. 질문 - 테스트 앱에서 가져오는 라이브러리도 제외할 수 있..

IT이야기 2022.03.17
반응형