반응형

source 768

Vue.js - 요소 UI - 양식 항목 레이블 슬롯

Vue.js - 요소 UI - 양식 항목 레이블 슬롯 사용법을 알고 싶습니다Form Element Slot와 함께vue.js 2.3그리고.element-ui. 여기 문서입니다.삽입할 수 있도록html내 폼의 라벨에 붙일부러. 이거 입어봤어jsfiddle 여기 있습니다. 문제 알 수 없는 사용자 지정 요소: el-form-item-slot 질문. 그것을 실행하는 적절한 방법은 무엇입니까?이 주제에 대한 설명서가 명확하지 않습니다.컴포넌트 슬롯에서 사용할 콘텐츠를 지정하려면slot해당 컴포넌트의 태그 내 요소에 속성을 부여합니다. 이 경우 다음 중 하나의 요소로 이동할 수 있습니다.label의 슬롯el-form-item요소.다음과 같은 작업을 수행할 수 있습니다. Label for the slot 알아둬야 ..

source 2022.08.07

계산된 속성을 Vue 구성 요소에 동적으로 삽입할 수 있습니까?

계산된 속성을 Vue 구성 요소에 동적으로 삽입할 수 있습니까? 대규모 객체 배열을 반복하여 Vue 컴포넌트의 내용을 생성하고 있습니다.계산된 속성을 사용하여 특정 노드를 표시할지 여부를 결정하고 싶지만 계산된 참조는 루프 내에서 사용되므로 참조 이름을 동적으로 설정할 수 있어야 합니다. 다음은 제가 하려는 일의 개념적인 예입니다.어떻게 하면showItemX현재 항목을 기준으로 변경하시겠습니까? {{ item.name }} 2가지 가능한 해결책 다음 두 가지 경로를 검토했습니다만, 어느 쪽이 더 효율적일지, 다른 방법이 더 좋은지 잘 모르겠습니다. 1. 계산된 속성에 대해 단일 개체를 반환합니다. 이 옵션에서는 위의 두 가지 계산된 속성이 하나의 속성으로 결합됩니다. computed: { showItem..

source 2022.08.07

Vuetify에서 여러 개의 확인란을 선택하는 방법은 무엇입니까?

Vuetify에서 여러 개의 확인란을 선택하는 방법은 무엇입니까? Vue.js와 Firebase를 사용하여 앱을 구축했습니다.여기서 작업이 db의 노드입니다.이벤트를 추가할 때 해당 이벤트에 사용할 수 있는 작업을 포함하려고 합니다."Add Event" 레이아웃에 DB에 있는 모든 작업의 확인란을 포함했습니다.우리는 관련 직업을 선택할 수 있기를 원합니다. 셋업 방식으로는 1개의 작업만 체크하면 효과가 있습니다만, 5~10개의 작업이 필요한 경우가 많습니다. 여러 작업을 동시에 선택할 수 있도록 코드를 변경하려면 어떻게 해야 합니까? ... export default { data () { return { title: '', description: '', startDate: '', endDate: '', ..

source 2022.08.07

Big Decimal이 0보다 큰지 비교합니다.

Big Decimal이 0보다 큰지 비교합니다. 어떻게 비교할 수 있을까요?BigDecimal값이 0보다 큰가?심플한 것은, 다음과 같습니다. if (value.compareTo(BigDecimal.ZERO) > 0) 의 매뉴얼에서는 실제로는 -1, 0 또는1을 반환하는 것으로 규정되어 있습니다만, 보다 일반적인 것은Comparable.compareTomethod는 적절한 세 가지 경우에 대해 0, 0 또는 0보다 작은 값만 보증하기 때문에 일반적으로 이 비교를 고수합니다.보다 나은 방법: if (value.signum() > 0) signum이 BigDecimal 값이 음수, 0 또는 양수이므로 -1, 0 또는 1을 반환합니다.사용하다compareTo()클래스에 내장된 기능입니다.그 방법을 사용하는 것..

source 2022.08.07

Vue.js에서 오류를 올바르게 발생시키는 방법

Vue.js에서 오류를 올바르게 발생시키는 방법 확장자가 없는 파일명을 사용하는 SVG 컴포넌트를 만들고 있습니다.내선번호가 사용되면 강제로 에러를 발생시키고 싶습니다. ES6 컴파일러를 사용하고 있기 때문에, 다음의 것을 사용하고 있습니다. if (this.name.includes('.svg')) { throw 'Do not use the svg extension'; } 이것이 Vue.js에서 오류를 발생시키는 적절한 방법입니까?아니면 더 나은 방법이 있을까요?현재 이 기능을 구현하여 테스트하면 경고 메시지가 2개 표시됩니다. 스택 트레이스와 자신의 에러가 있는 [Vue warn]가 표시됩니다.가능하면 콘솔에 사용자가 무엇을 잘못했는지 나타내는 단순한 오류 메시지를 표시하려고 합니다. Vue.js 또는..

source 2022.08.07

빌드 후 외부 Vue 구성 요소 사용

빌드 후 외부 Vue 구성 요소 사용 플러그인이 있는 웹사이트를 만들려고 하는데, 관리 패널은 모두 Vue.js이며, 플러그인을 외부 컴포넌트(등급)로 하고 싶습니다.vue, AdsConnect.vue), 어떻게 하면 될까요? 제가 봤을 때Eval기능은 도움이 됩니다만, 잘 모르겠습니다.외부 컴포넌트를 사용할 수 없는 경우에는 컴포넌트 자체를 조립한 후에 사용할 수 있습니까? try { window.axios = require('axios'); window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest'; window.Vue = require('vue'); } catch (e) { } import Vuetify from 'vuet..

source 2022.08.07

Vue는 감시된 속성이 계산된 속성과 동일하게 캐시됩니까?

Vue는 감시된 속성이 계산된 속성과 동일하게 캐시됩니까? Vue 문서에서는 계산된 속성은 일반 방법을 사용하는 것이 아니라 스마트하게 캐시된다고 언급되어 있습니다. 이에 비해 메서드 호출은 재렌더가 발생할 때마다 항상 함수를 실행합니다.캐싱이 필요한 이유우리가 비싼 계산 자산을 가지고 있다고 상상해봐... 질문입니다. 감시된 속성도 계산 속성과 같이 캐싱이 있습니까?(Vuex 시청 포함(예: 사용)vm.$store.watch...)Saurabh의 대답은 틀리지는 않지만, 나는 그것이 그 질문에 실제로 답하지 않는다고 느낀다. 정답은: 아니다. 관찰자는 부작용이 있지만 반환가치가 없고 자산으로 사용할 수 없기 때문에 관찰자는 "캐시"되지 않는다.- 말이 안 된다. 따라서 관찰자를 위해 어떤 것도 숨길 필..

source 2022.08.07

Executor Service, 모든 작업이 완료될 때까지 기다리는 방법

Executor Service, 모든 작업이 완료될 때까지 기다리는 방법 의 모든 입니까?ExecutorService끝내기 위해?제 태스크는 주로 계산 작업이기 때문에 각 코어에 하나씩 많은 작업을 실행하고 싶습니다.. ExecutorService es = Executors.newFixedThreadPool(2); for (DataTable singleTable : uniquePhrases) { es.execute(new ComputeDTask(singleTable)); } try{ es.wait(); } catch (InterruptedException e){ e.printStackTrace(); } ComputeDTask실행 가능한 도구입니다.올바르게 .wait()IllegalMonitorStateE..

source 2022.08.03

Vue와 함께 글꼴 awesome을 사용하여 타이프스크립트 빌드 오류 발생

Vue와 함께 글꼴 awesome을 사용하여 타이프스크립트 빌드 오류 발생 Vue에서 설정하기 위해 멋진 폰트 웹사이트의 지시에 따랐습니다.main.ts 파일에서 아이콘이 정상적으로 동작하는데도 타이프스크립트 오류가 발생합니다. Functional ComponentOptions 유형의 인수 FontAwesome의 이 행에서 오류가 발생.아이콘 Vue.component('font-awesome-icon', FontAwesomeIcon) 오류: "Functional Component Options, PropesDefinition >>" 유형의 Arguments는 "ComponentOptions, DefaultMethods, DefaultComputed, PropesDefinition >, Record>" 유..

source 2022.08.03

vue-socket.io 여러 웹 소켓 서버에 접속하는 방법

vue-socket.io 여러 웹 소켓 서버에 접속하는 방법 다음과 같이 VUE-Client에서2개의 다른 웹 브라우저 서버에 접속하려고 합니다. import { store } from '@/store/store' import { store2 } from '@/store/store2' Vue.use(Vuex) Vue.use(VueSocketio, 'http://192.168.1.101:8000', store) Vue.use(VueSocketio, 'http://192.168.1.102:8001', store2) 2개의 스토어 파일을 작성했습니다.store.js그리고.store2.js 사실 첫 번째Vue.use(VueSocketio…회선은 접속되어 정상적으로 동작하지만, 2번째 회선은 동작하지 않습니다.위..

source 2022.08.03
반응형