nicesource

Window.resize 또는 document.resize 중 어느 것이 동작하고 어떤 것이 동작하지 않는가?VueJS 사용하고 있다Vuetable정말 멋져요. 상단 수평 스크롤을 작성하려고 합니다.이 작업을 완료하여 정상적으로 동작합니다.하지만 나는 몇 가지 이벤트를 할당해야 합니다.window.resize. 다음과 같은 컴포넌트를 만들었습니다. 나는 그것을 테이블 위에서 다음과 같이 부르고 있다. 믹스인을 작성했습니다. Vue.mixin({ methods: { setScrollBar: () => { let tableWidth = document.querySelector("table.vuetable").offsetWidth; let tableWrapper = document.querySelector("..

Vue JS를 사용하여 HTML에서 동일한 태그에 "v-if"와 "v-else"를 사용하는 방법은 무엇입니까? 여러 요소에서 Vue js 조건문을 사용합니다. 경우에 따라 요소를 필터링하기 위해 if와 other를 동일한 요소에 배치해야 합니다. 여기서 if와 other를 적용하기 위해 여러 요소를 사용합니다. 하지만 저는 두 가지를 하나의 요소로 적용하고 싶습니다. 가능합니까? 또는 이를 적용할 수 있는 다른 솔루션이 있습니까? 잘 부탁드립니다.사용하는 대신v-if, Atribute를 3진 식에 바인드 해 보겠습니다. // : is a shorthand for v-bind: 이것이 조금 복잡해 보이는 경우(또는 사용하는 논리가 너무 복잡해서 한 줄로 표현하기 어려운 경우) 컴포넌트에 반환되는 계산 속성..

Jese Vue: [Vue 경고]:구성 요소를 마운트하지 못했습니다. 템플릿 또는 렌더링 함수가 정의되지 않았습니다.얕은 마운트 또는 마운트에 빈 html이 반환됩니다. 다음 오류가 발생하고 shellowMount 또는 mount return empty html이 반환됩니다. console.error node_modules/vue/dist/vue.js:634 [Vue warn]: Failed to mount component: template or render function not defined. found in ---> 마이 스펙 파일 import { shallowMount } from "@vue/test-utils"; import Login from "./../../src/views/pages/Lo..

VueJ에서 선택한 인덱스를 감지하는 방법 나는 이것을 가지고 있다.VueJS코드: new Vue({ el: '#app', data: { model: [ { name: 'a', price: 1.00 }, { name: 'b', price: 2.00 }, { name: 'c', price: 3.00 }, ], actived: {} }, methods: { setActive: function(model) { this.actived = model; } } }); 다음 HTML 코드를 사용합니다. {{ n }} 선택한 모델로 동작 데이터 값을 업데이트하고 싶습니다.예를 들어, 선택 필드의 두 번째 연산자를 사용자가 변경하는 경우, 두 번째 모델의 데이터를 액티브 값으로 전달하고 싶습니다. 선택한 옵션의 인덱스를..

VueJ의 1개의 컴포넌트에서 모든 이벤트를 어떻게 듣습니까? Vue에서는 이와 같은 방법으로 하나의 기능 내에서 들어오는 이벤트를 처리할 수 있습니까? 당신에게 필요한 건 그게 아닐까 싶어요.이것은 모든 부모 리스너를 포함하는 오브젝트로, 다음 명령어를 사용하여 자녀에게 전송할 수 있습니다.v-on="$listeners". 예를 들면,래퍼 컴포넌트 및 래퍼 상의 모든 청취자를 버튼에 바인드합니다. Click 데모이것을 실현하는 표준적인 방법은 없습니다. Vuejs의 저자는 이곳의 모든 사건에 대한 해답을 제공한다.또한 regexp 또는 더 많은 이벤트를 듣기 위한 다른 방법을 도입하면 퍼포먼스에 영향을 미쳐 아마 그렇게 하지 않을 것이라고 설명합니다.언급URL : https://stackoverflow..

Vue 구성 요소가 레이블로 표시되지 않음 vue 컴포넌트가 표시되지 않아 어디가 잘못되었는지 알 수 없습니다.다른 시선이 어디에 오류가 발생했는지 알 수 있기를 바랍니다.npm run watch를 실행하고 있으며 캐시를 클리어했습니다. 내 앱.js /** * First we will load all of this project's JavaScript dependencies which * includes Vue and other libraries. It is a great starting point when * building robust, powerful web applications using Vue and Laravel. */ require('./bootstrap'); window.Vue = req..

비활성화/활성화 버튼의 경우 VueJs v-if 저의 활용 사례는 이런 것입니다. html이 있습니다.ID가 "displicate"인 요소입니다. 나는 그것을 읽고 싶다.을 통해 요소화하다.v-if그리고 그 안에 있는 가치가"EXPIRED"와 동일한 요소를 삭제하려고 합니다.disabled[속성]을 클릭합니다. 나중에 사용 사례에 대해 설명하겠습니다. 처음에 버튼을 비활성화하고 해당 단락의 상태가 EXPIRED로 업데이트되면 버튼에서 비활성화된 부품을 제거합니다. 다음을 사용하여 이 작업을 수행하는 방법 계산된 특성/감시자 v-if Start 비 Vue DOM 조작을 사용하여 이 EXPIRED 항목을 설정하는 경우 손실됩니다.그걸 Vue랑 섞지 마.대신 이렇게 하겠습니다. {{ status }} Star..