lovecodes

vue-cli가 대상 wc 빌드 옵션을 사용할 때 코드를 es5 또는 commonjs로 변환하지 않음 다음을 사용하여 컴포넌트를 구축하려고 합니다. vue-cli-service build --target wc --name my-component ./src/App.vue 출력된 빌드 js에는 아직const및 화살표 기능.예를 들어 commonjs로 변환하려면 어떻게 해야 하나요? Babel Configuration에서 다양한 프리셋을 사용해 봤지만 빌드 결과는 동일합니다. 이 있습니다.babel.config.js프로젝트 루트의 파일(vue-cli에서 생성) module.exports = { presets: [ '@vue/app' ] } 오류는 없습니다. 빌드는 발생하지만 변환되지 않습니다.타겟 wc를 사용..

ES6 및 창/글로벌 변수 저는 es6 모듈로 작업하고 있습니다.그들 중 몇몇은 로다시를 사용한다.질문입니다. lodash를 글로벌 변수로 로드할 수 있습니까?아니면 모든 파일로 개별적으로 Import해야 합니까?이니셜라이저로 시도했습니다. import lodash from 'lodash'; window._ = lodash; 또, 이 방법: window._ = require('lodash'); 하지만 효과가 없어요.모듈에서 사용 시 다음과 같은 오류가 발생합니다. 예를 들어 _.truncate: TypeError: 정의되지 않은 속성 'truncate'를 읽을 수 없습니다. 웹 팩을 사용하고 있는 것을 보면, 이것을 가능하게 하는 방법은 3가지가 있습니다. window오브젝트는 아직 사용할 수 있습니다...

Vue에서 동적으로 추가된 구성 요소에서 요소 추가 및 제거 문제 동적으로 추가된 섹션에 특정 요소를 추가하고 제거하는 방법을 알고 싶습니다.일주일 동안 계속 싸우고 있는데, 내 경우에 대한 해결책을 찾을 수가 없어요. 문제는 이미지에 명확하게 설명되어 있습니다.가장 큰 문제는 제거 버튼이 어떤 요소에 속하는지 모른다는 것입니다. SECTION:{{index}} PICK UP YOUR ANIMAL {{item.name}} - add element - add section {{test}} {{sections}} {{elements}} 다른 컴포넌트와 함께 다음과 같은 간단한 솔루션을 살펴보십시오. Vue.component('mySelect', { template: ` Please select one {{i..

Vue.js에서 달러 접두사($)는 무엇을 의미합니까? Vue.js의 속성 이름 앞에 있는 달러 문자/심볼 접두사의 의미는 무엇입니까? 예를 들어 다음과 같습니다.this.$emit('clicked', 'demo')의 사용방법$그리고._Vue의 프레픽스는 다음과 같습니다. https://vuejs.org/v2/style-guide/ #Private-property-names-Essential 특히 "상세설명" 섹션에 기재되어 있습니다. _는 프라이빗 인스턴스 속성용입니다. Vue는 _ 접두사를 사용하여 자체 개인 속성을 정의합니다. $는 퍼블릭인스턴스 속성용입니다. $ 접두사는 Vue 생태계 내에서 사용자에게 노출되는 특수 인스턴스 속성입니다. 둘 다 소품 및 데이터 특성 등 구성요소 작성자가 선택한 특..

Vue.js를 사용하여 CSS 클래스 속성 변경 Vue.js를 사용하고 있는데 CSS 클래스 속성을 변경하고 싶습니다.클래스를 사용하는 HTML 코드는 다음과 같습니다. CSS 코드는 다음과 같습니다. .fillTimerBar { width: 100%; height: 8px; } 거기서부터 나는 변경하기를 원한다.width를 사용하여 클래스 속성computedVue 컴포넌트에서 속성을 가져옵니다. 만약 있다면 어떤 방법이 맞는 건가요?사용하셔야 합니다.v-bind:style지시. var vm = new Vue({ el: '#example', data: { width:'200px' }, computed: { computedWidth: function () { return this.width; } }, me..

데이터 변경 시 vue 프로토타입이 반응하지 않음 데이터를 저장하는 커스텀 플러그인을 생성하여 글로벌하게 사용하려고 합니다.이것은 나의 커스텀 플러그인입니다. import {remove} from 'lodash' export const notifications = { install(Vue, options = {}) { Vue.prototype.$notifs = { count: 0, notifications: [] } Vue.prototype.$pushNotifs = ({content, type, timeout}) => { Vue.prototype.$notifs.count++ Vue.prototype.$notifs.notifications.push({content, type, timeout, id: Vue..

VueJs 2.0은 손녀에서 손녀 컴포넌트로 이벤트를 내보냅니다. Vue.js 2.0은 손녀에서 손녀 컴포넌트로 이벤트를 내보내지 않는 것 같습니다. Vue.component('parent', { template: 'I am the parent - {{ action }} ', data(){ return { action: 'No action' } }, methods: { performAction() { this.action = 'actionDone' } } }) Vue.component('child', { template: 'I am the child ' }) Vue.component('grand-child', { template: 'I am the grand-child Do Event', methods:..

재귀 구성 요소에서 "프로포트를 직접 변환하지 않도록 하는 방법 개념을 이해합니다. 아이는 자신의 소품 데이터 복사본으로 작업합니다. 그리고 그것이 바뀌면, 그들은 그것을 할 수 있습니다.$emit부모가 스스로 갱신할 수 있도록 변경한다. 그러나 파일 시스템과 같은 재귀 트리 구조를 다루고 있습니다. [ { type: 'dir', name: 'music', children: [ { type: 'dir', name: 'genres', children: [ { type: 'dir', name: 'triphop', children: [ { type: 'file', name: 'Portishead' }, ... ]}, ]} ]} ]} 라는 재귀 컴포넌트가 있습니다.Thing그 일에는childtree 다음과 같이..

마스터/상세 구성 요소에서 Ag 그리드 자동 높이 설정 ag-grid 컴포넌트의 자동 하이트를 설정할 필요가 있다고 가정합니다.gridOptions로.domLayout="autoHeight"1개의 컴포넌트에서는 동작하지만 마스터 디테일(부모/자녀) 컴포넌트에서는 높이를 확장할 수 있기 때문에 동작하지 않습니다. 같은 문제 : https://github.com/ag-grid/ag-grid/issues/205 css를 깊게 조정해야 하는데도 작동되지 않습니다. 스타일 레퍼런스: https://www.ag-grid.com/javascript-grid-styling/ Ag 그리드 DOM 레이아웃: https://www.ag-grid.com/javascript-grid-width-and-height/ #gsc.t..

클릭 시 boostrap-vue 테이블 작업 Vue.js에 데이터가 있는 테이블이 있는데 마지막 셀에 "액션 클릭"을 추가하고 싶습니다. 부스트랩 테이블에 대해서 테이블 템플릿은 다음과 같습니다. 데이터: this.table = { ready: false, columns: [ { field: 'id', title: 'id', visible: true }, { field: 'test', title: 'test', visible: true, formatter: addClicks(this) }, ... ]} [편집] 저는 이런 것을 갖고 싶지만, 분명히 이것은 렌더링되지 않았습니다. ... formatter: function (value, row) { const ve = "Set"; return ve; } 액..