gigabyte

vue 인스턴스(app1)에 대한 가장 좋은 방법은 다른 vue 인스턴스(app2)를 호출하는 것입니다. 예: run APP1 .. ... run APP1 ... run APP2 APP2의 Vue에게 APP1에 전화해야 한다고 어떻게 말합니까? 두 버튼 모두 "APP1 실행"이 정확히 동일한 기능을 수행하도록 해야 합니다.그림에서 첫 번째가 작동하고 두 번째가 복사/붙여넣기라고 가정하면...하지만 두 번째는 app2에 빠져있기 때문에 작동하지 않습니다. 구체적인 사례: 마지막 질문에서 사용한 것과 마찬가지로 이 코드의 "GOOD1" 및 "GOOD2" 버튼을 참조하십시오.모든 Vue 인스턴스는 이벤트인터페이스를 실장합니다.즉, 2개의 Vue 인스턴스 간에 통신합니다(app1그리고.app2커스텀 이벤트를 사..

값(vuej)을 전달하시겠습니까? 인detail.vue: data() { return { columns: [ { label: "name", field: "name", }, { label: "status", field: "status", }, row: [], }; }, // call Api created() { axios .get("/detail") .then((res) => { this.rows = res.data; }) .catch((error) => { console.log(error); }); }, methods: { detailFilter: function (name, status) { console.log(name, status) }, }, 템플릿: 인Filter.vue data() { retu..

Vuejs 목록 순서 변경이 전환을 트리거하지 않음 저는 거의 1년 동안 vuej를 몇 개 했지만 애니메이션과 트랜지션이 제대로 작동하지 않았습니다.이 모든 것이 어떻게 동작해야 하는지 매우 불명확한 것 같습니다.오늘은 그것들을 이해하려고 했습니다만, 다시 한 번 말씀드리지만, 트랜지션이 제대로 작동하지 않고, 무엇을 잘못하고 있는지 이해할 수 없습니다.코드는 다음과 같습니다. HTML {{ someCard.someTitle }} JS new Vue({ el: "#app", data: { someCards: [ { order: 2, someTitle: 'Title 1' }, { order: 2, someTitle: 'Title 2' }, { order: 2, someTitle: 'Title 3' }, {..

유닛 테스트에서 소품을 컴포넌트에 전달합니다. 웹 팩 템플릿을 사용하여 Vue 및 vue-cli를 기반으로 앱의 유닛 테스트를 생성하려고 합니다. Vue 설명서, vue-loader, vue-cli 및 vue-template/webpack(기타!)을 읽었습니다.저는 제 컴포넌트의 유닛 테스트를 할 때 이것을 사용합니다. const Constructor = Vue.extend(MyComponent) vm = new Constructor().$mount() vue-template/webpack 예제 및 vue 공식 예제처럼 이건 잘 작동하지만 프롤렘은 내 컴포넌트에 소품이 있을 때야나는 이것으로 합격하려고 한다. const Constructor = Vue.extend(MyComponent) vm = new ..

v-for 구조 간의 차이 이 두 개의 v-for 구조 간의 차이가 무엇인지 설명해 주실 수 있나요? 그리고. 는 Vue 안에 모든 합니다.v-for'열쇠'를 달아야 한다.키는 각 요소를 고유하게 식별하기 위해 사용됩니다.이것은 Vue를 사용하지 않는다고 해서 Vue가 고장난다는 것을 의미하지는 않습니다.key모든 변경을 검출할 수 없는 경우가 있습니다. "키"는 변경되지 않은 항목의 재렌더링을 건너뛸 수 있기 때문에 Vue에게 특히 유용하고 중요합니다. 렌더링된 컬렉션에서 중복 키가 감지되면 Vue가 경고를 보냅니다. 또 하나의 Vue 권장사항은 '키'는 기본입니다.string ""number는 다시합니다.s) Vue는 Vue 키를 지정합니다. 위의 모든 권장 사항에 따라 고유한 프리미티브 배열을 렌더..

v-for, 클릭된 목록 항목을 여는 방법 저는 Vue에 문제가 있어서 구글/스택오버플로우에서 답을 찾느라 많은 시간을 보냈습니다.이 글을 올리기 전에 아마 제 문제를 어떻게 말로 설명해야 할지 모르겠습니다. 코드는 다음과 같습니다. {{place.number}} Go back {{this.places.number}}asd data() { return { showPlaces: false, places: [ {number: 'First Place'}, {number: 'Second Place'}, {number: 'Third Place'}, {number: 'Fourth Place'}, {number: 'Fifth Place'}, {number: 'Sixth Place'}, {number: 'Seventh..

왜 내 배열이 아닌 옵저버가 있는 거죠? My Vue Component는 다음과 같은 코드로 구성됩니다. 언급URL : https://stackoverflow.com/questions/44531714/why-is-there-an-observer-instead-of-my-array

vue-scroll 사용 방법 여기서 설명하는 스크롤 포스테이션을 기반으로 CSS 클래스를 동적으로 변경하는 사용 사례가 있습니다. 이거에 vue-scroll을 사용할까 생각 중이에요.다음과 같이 변경했습니다. npm을 사용하여 설치: npm install vue-scroll --save main.displays에서 다음과 같이 변경되었습니다. import Vue from 'vue' import vScroll from 'vue-scroll' Vue.use(vScroll) 다음 중 하나의 컴포넌트에 추가되어 있습니다. ... ... scrollTop:{{position && position.scrollTop}} ... ... 컴포넌트의 변경은 다음과 같습니다. export default { data () ..

Vue 앱 서버와 Express를 결합하는 방법 실행 중인 vue 앱이 있습니다.http://localhost:8080/(Vue CLI 경유) 및 Express에서 실행되는 백엔드:http://localhost:7070프런트엔드와 백엔드를 동일한 주소로 실행할 수 있습니까(Vue CLI 서버에서 핫모듈 교환이 손실되지 않음).필요한 것은 devServer 옵션입니다.vue cli 3을 사용하는 경우 기본 앱 디렉토리에 vue.config.js 파일을 생성한 후 다음 블록을 추가합니다. module.exports = { configureWebpack:{ }, devServer:{ host: 'localhost', hot:true, port: 8080, open: 'Chrome', proxy: { //htt..

VueJ에서 단일 계산 프로포트를 사용하여 여러 동적 속성을 지정하는 방법s html 요소는 다음과 같습니다. Link text 추가하고 싶다data-tooltip그리고.title조건에 따라 동적으로 속성을 지정합니다. Link text VueJ에서 여러 동적 속성을 동시에 추가할 수 있는 방법이 있습니까? Link text Link text 이 기능을 활용하실 수 있습니다.v-bind동적으로 변화하는 조건에 따라 여러 속성을 적용하는 DOM 요소. 다음은 Plunker의 예를 제시하겠습니다. 반환되는 오브젝트에 주의해 주세요. computed: { multiAttrs() { return this.showAttrs ? { 'data-toggle': 'tooltip', title: 'Some tooltip..