newsource

VUEJS의 URL에서 ID 가져오기 저는 현재 VUEJS를 배우고 있으며, 전혀 새로운 VUEJS를 배우고 있습니다.도움이 필요해요다음과 같은 URL의 ID를 원합니다. URL: abc.net/dashboard/a/123456789 나는 그 것을 갖고 싶다.123456789텍스트 형식으로. 이 매뉴얼을 사용하여vue-router import Vue from 'vue'; import VueRouter from 'vue-router'; import DashboardComponent from "./path/DashboardComponent"; Vue.use(VueRouter); export default new VueRouter({ routes: [ { path: '/dashboard/a/:id', comp..

vue.js 템플릿 구성 요소를 사용하기 위해 v-에서 생성한 목록 항목에 클릭 시 클래스를 바인딩하려면 어떻게 해야 합니까? 템플릿 컴포넌트의 목록 항목에 활성 클래스를 적용하려고 합니다.클릭 시 해당 클래스는 제외되며 다른 모든 목록 항목에서 삭제됩니다. 새로운 데이터 오브젝트를 클릭해서 전달해 보았습니다만, 공식 문서의 예제를 사용해 본 적도 있습니다만, 왜 동작하지 않는지를 알 수 없습니다. Vue.component('delivery-options', { props: ['deliveries'], template: '{{ deliveries.price }}{{ deliveries.title }}{{ deliveries.desc }}' }) Vue.component('ledger', { props: ..

vue2-dataerange-picker 드롭다운에서 연도 선택 "Select year from dropdown in vue2-datarange-picker"를 추가하고 싶습니다.이 플러그인은 vuejs 프로젝트에서 사용하고 있습니다.https://innologica.github.io/vue2-daterange-picker/ #s 플러그인은 현재 입력번호만 있습니다.언급URL : https://stackoverflow.com/questions/64060988/select-year-from-dropdown-in-vue2-daterange-picker

Vue 슬롯이 드물고 예측할 수 없는 경우(잠재적인 vue 버그)에서 작동하지 않습니다. 어떤 경우에는 신뢰할 수 없는 슬롯이 있는 이상한 버그가 있습니다. 구성 요소들 3개의 계층 구성 요소가 있습니다. 손자(headlessTable)는 다음과 같은 이름의 슬롯을 제공합니다.arrayValue. 자녀(collapsableCard). 손자와 부모 사이의 슬롯을 통과합니다. 그 슬롯의 링크를 렌더링하는 부모(orderDataCard). 문제:새 데이터가 로드될 때 부모 링크를 렌더링하는 대신 하위의 기본 슬롯 html이 렌더링됩니다. 데이터 구조(order Details) 프로세스(obj) 마크(문자열) 공통(obj) additional Arguments(어레이) 카테고리(문자열) type(문자열) nam..

Nuxt.js의 주입된 플러그인에서 주입된 다른 메서드에 액세스합니다. 이건 정말 바보같은 질문이고 확실한 걸 놓쳤지만 어쨌든 물어볼게. Vue 인스턴스에 함수를 주입하는 Nuxt 플러그인이 있지만, 내 메서드 내에서 다른 삽입 메서드(모듈 buefy에 의해 주입됨)에 액세스해야 합니다.플러그인은 다음과 같습니다. import Vue from 'vue' Vue.prototype.$disp_error = (err) => { console.error(err) Vue.$snackbar.open({ duration: 60000, message: 'Uh oh! Something went wrong. If it keeps happening, please contact us with this error: ' + er..

Vue JS 워처가 작동하지 않음 저는 지금 변화를 주시해야 할 아이템이라는 소품을 가지고 있는 컴포넌트를 작업하고 있습니다.나는 지금까지 이런 시계를 가지고 있다. watch:{ item(newVal, oldVal) { // watch it console.log('Prop changed: ', newVal, ' | was: ', oldVal) } } 버튼 클릭 시 항목이 업데이트되고 새 타임스탬프가 표시됩니다.Vue dev 툴에서 프로펠이 값으로 업데이트되고 있는 것을 알 수 있지만 워처가 작동하지 않고 로그 메시지도 표시되지 않습니다.@Bert가 말했듯이item오브젝트 및 그 소품 중 하나가 변경되면 워처는 트리거되지 않습니다. 이것 좀 시험해 볼 수 있을까요? watch:{ item:{ handle..

v-if 표시에 값을 증가시키는 방법 그 이유를 설명하려면 , 사진의 석조 구조를 가지고 있기 때문에, 각각의 사진에 인덱스를 추가할 필요가 있습니다. 문제는 내 v-for의 지수를 완화시킬 수 없다는 것이다. 왜냐하면 그것은 때때로 고의로 "빈 케이스"이기 때문이다. |---|---|---| | | 2 | 3 | | 1 |---|---| | | 4 | 5 | |---|---|---| | 6 | | 8 | |---| 7 |---| | 9 | | 10| |---|---|---| 코드는 다음과 같습니다. 그러나 vuejs 반응성으로 인해 내 인덱스는 항상 업데이트됩니다. 다른 해결책은 아마도 계산한 것을 통해 확인하는 것일 수 있습니다.g-item너무 과하지 않다g-empty하지만 나는 그것이 가능한지조차 ..

Larabel의 VUE2 구성 요소 레지스터 Laravel(5.8)과 VUE는 매우 잘 작동하지만, 제 app.js는 점점 커지고 있습니다. 예를 들어 다음과 같은 app.js가 있습니다. window.Vue = require('vue'); window.Vue.component('Comp1', require('./components/Comp1.vue').default); window.Vue.component('Comp2', require('./components/Comp2.vue').default); window.Vue.component('Comp3', require('./components/Comp3.vue').default); window.mainApp = new Vue({ el: '#app' });..

Vue 2 - 소품 배열 기본 유형 설정 방법 Vue 컴포넌트가 있는데, 이 컴포넌트는 객체 어레이를 소품으로 사용합니다.특히 '기본값' 기능에 대해 프로펠러 검증을 자주 사용합니다. 이 경우, 나는 다음을 가지고 있다. props: { items: Array } Typescript 또는 React와 같이 입력했으면 합니다. props: { items: Array.of( {key: {type: String, default: 'myText'}} ) } 기타. 달성 가능합니까?그렇지 않으면 계산 데이터를 맵으로 사용하여 기본값을 설정해야 합니다.예를 들어 jsFiddle, 도움이 될 수 있습니다.그렇습니다.기본값을 배열로 반환할 수 있습니다. ES6 props: { items: { type: Array, d..

노드 14/Vue2.js에서 옵션 체인 구문을 사용한 오류(예기치 않은 토큰) 노드 14.17의 Vue.js(v2) 프로젝트에서는 옵션 체인이 작동하지 않습니다. const adventurer = { name: 'Alice', cat: { name: 'Dinah' } }; const dogName = adventurer.dog?.name; console.log(dogName); // expected output: undefined console.log(adventurer.someNonExistentMethod?.()); // expected output: undefined 다음의 에러가 표시됩니다. ERROR Failed to compile with 1 error 11:04:50 error in ./sr..