반응형

vue-component 29

Vuejs 정의되지 않은 오류의 속성 '사용'을 읽을 수 없음

Vuejs 정의되지 않은 오류의 속성 '사용'을 읽을 수 없음 Vue 응용 프로그램에 데이터 가능 플러그인(https://www.npmjs.com/package/vuejs-datatable)을 통합하려고 하는데 콘솔에 오류가 발생함 Uncaught TypeError: Cannot read property 'use' of undefined at eval (vuejs-datatable.js?b015:1) at Object.eval (vuejs-datatable.js?b015:1) at eval (vuejs-datatable.js:4) at Object../node_modules/vuejs-datatable/dist/vuejs-datatable.js (app.js:10170) at __webpack_requi..

Programing 2022.03.08

vue.js 2.0의 구성 요소에서 속성 값을 가져오는 방법

vue.js 2.0의 구성 요소에서 속성 값을 가져오는 방법 다음 구성 요소가 있음: 이 구성 요소를 다음과 같이 가져온다. import picker from '../components/DateFilter' 이 vue에서 클릭하면 가져올 구성 요소에서 속성을 가져올 수 있는 버튼이 있음: search 메소드에 값을 표시하기 위한 알림이 있음: onChange2: function() { alert(picker.datepicker.value) } 오류 메시지: 정의되지 않은 속성 '값'을 읽을 수 없음 기타 시도: alert(picker.data.config.state.value) alert(picker.config.state.value) 나는 처음 보는 사람인데 내가 어디서 잘못하고 있는지 알 수가 없었다..

Programing 2022.03.08

v-메뉴 구성 요소가 표시되지 않음

v-메뉴 구성 요소가 표시되지 않음 그래서 나는 뷔에티파이에서 드롭다운 메뉴를 만드는 방법에 대한 첫 번째 예를 따라왔다.나는 기본적으로 전체 코드를 복사하여 올바르게 수행되었는지 확인하고 그 예에서 참조한 필요한 변수를 추가했다. 내가 가지고 있는 문제는 v-메뉴와 그 태그 안의 모든 것이 전혀 나타나지 않는다는 것이다.예를 들어 내가 가지고 있는 메뉴는 v-btn을 사용하는 것인데, v-메뉴 태그 밖에 있는 한 볼 수 있다.'npm 실행 빌드'와 크롬 디버거도 오류가 발생하지 않는다.다른 Vuetify 구성 요소를 사용할 수 있지만 v-메뉴가 문서화된 것처럼 작동하지 않음... 어떤 도움이라도 감사할 것이다.나는 가까스로 그것을 성공시켰다. vue 프로젝트를 생성할 때는 vue-cli를 사용하는 것이..

Programing 2022.03.07

v-for 루프 및 키 속성 사용

v-for 루프 및 키 속성 사용 제목에 좀 더 적절한 프레임을 씌울 수 없었다. 죄송합니다만... 내 데이터 속성에 [ ]가 있어 외부 API에서 호출된 항목으로 채워짐 I loop through the [ ] 를 사용하여v-for내 템플릿의 메인 디브에 페이지를 채운다. 모든 메인 디브에는 기본적으로 숨겨져 표시 여부를 전환할 수 있는 전환 가능한 디브가 있다. 여기 규칙이 있다. // MAIN DIV show/hide //togglelable div //some data 그래서 내 문제가 있다. 내가 숨겨진 div를 보여주기 위해 특정 div의 버튼을 클릭할 때, 나머지 모든 div의 숨겨진 div도 표시되고 있다. 각 숨겨진 div의 버튼을 클릭했을 때 각 div만 토글되도록 이 작업을 어떻게 제..

Programing 2022.03.07

vue.js 렌더 함수의 단추에 이벤트 수신기 추가

vue.js 렌더 함수의 단추에 이벤트 수신기 추가 나는 Vue.js 렌더 함수를 사용하여 javascript로 구성 요소를 만들고 싶다.이제 나는 HTML 구조를 SPAN 하나와 BUTON 하나를 만들 수 있다. 버튼을 클릭하면 콘솔에서 출력되리라 예상하지만, 그것은 작동하지 않는다.여기 내 코드: 또는 codepen에 어떠한 응답도 환영하고 고맙다.당신의 사용법createElement당신이 잘못된 일련의 논쟁들을 전달하고 있기 때문에 당신의 버튼을 만들 때 방법은 부정확하다. 우선 내부 html을 설정해야 한다.+설명서에 따라 데이터 개체에 예약된 두 번째 인수를 통하지 않고 버튼 속성 개체를 통해: // {Object} // A data object corresponding to the attrib..

Programing 2022.03.07

Vue.js Uncaused TypeError: _vueChartjs.선.extend가 함수가 아님

Vue.js Uncaused TypeError: _vueChartjs.선.extend가 함수가 아님 Vue.js와 웹팩을 시작하는 중.내 프로젝트에 vue-charts 기능을 추가하려고 해.다음 오류가 수신됨: Uncaught TypeError: _vueChartjs.Line.extend is not a function at Object.defineProperty.value (..\..\CommodityChart.vue:5) at __webpack_require__ (bootstrap 7040a42393b737f78245:659) at fn (bootstrap 7040a42393b737f78245:85) at Object. (CommodityChart.vue:3) at __webpack_require__..

Programing 2022.03.07

탐색 드로어의 재사용 가능한 구성 요소에서 소품 전송

탐색 드로어의 재사용 가능한 구성 요소에서 소품 전송 나는 Comp-A(재사용 가능한 구성요소)와 Comp-B라는 두 가지 구성요소를 만들었고, 구성요소 B에서는 구성요소 A를 사용하여 탐색 드로어를 위한 소품을 A에게 보냈으며, 소품은 마지막 소품만 나열되어 있다.하지만 내가 보내는 모든 소품 목록을 작성해야 해.이것 좀 도와줄래? CompA(사용 가능) {{ item.icon }} {{ item.title }} 콤프비 참고: 그러나 네비게이션 드로어에는 "연락처 세부사항"이라는 제목만 표시된다.나머지 두 개는 어떻게 표시하지?제거 시도v-navigation-drawer그리고v-list로부터CompA그리고 그것을 집어넣다CompBlike : {{ item.icon }} {{ item.title }} e..

Programing 2022.03.06

Vuetify 2.x를 사용하여 테이블의 사용자 지정된 기본 행에 v-html을 사용하는 방법은?

Vuetify 2.x를 사용하여 테이블의 사용자 지정된 기본 행에 v-html을 사용하는 방법은? 나는 Vuetify 2.x를 사용하기 시작했다. 나는 테이블이 있고 어떤 컬럼은 html로 보여야 한다. 그래서 나는 아래 코드를 사용했다. {{ props.item.name}} 하지만 Vuetify 2.0부터 테이블이 바뀌었다. 더 이상 "템플릿"이 사용되지 않음.그래서 나는 "v-html"을 어떤 열에 어떻게 적용할 수 있는지 모르겠어.이 예에 기초하여 다음과 같이 할 수 있다. 참조URL: https://stackoverflow.com/questions/57206760/how-can-i-use-v-html-in-customized-default-rows-in-the-table-using-vuetify-..

Programing 2022.03.06

VueJS 2 : 구성 요소에서 Watch 메서

VueJS 2 : 구성 요소에서 Watch 메서 나는 2개의 구성요소로 VueJS2를 작업하고 있다. 원하는 동작:한 구성 요소에서 메서드가 트리거될 때마다 다른 구성 요소에서 메서드를 트리거하고 싶다. 내가 필요한 건 시계와 환불이겠지이것은 다음과 같이 보인다. watch: { 'this.$refs.component1.method1': () => { console.log('TRIGGERED method1') this.$refs.component2.method1() }, 'this.$refs.component1.method2': () => { console.log('TRIGGERED metdod2') this.$refs.component2.method2() } 불행히도, 이것은 효과가 없다.메서드 콜을 ..

Programing 2022.03.06
반응형