goodsource

Vue.js: 자 컴포넌트 상태에 따라 부모 컴포넌트 버튼 비활성화 나는 부모와 자녀의 의사소통에 관한 문서를 읽었다.자녀가 이벤트를 발생시킴으로써 부모에게 소통하고 부모 구성요소가 자녀 구성요소로 소품을 물려주는 것을 이해합니다. 이 원칙을 프로젝트에 적용하는 데 어려움을 겪고 있습니다. 나는 가지고 있다Survey여러 페이지를 포함하는 구성 요소.vSwipe를 사용하여 페이지 슬라이더를 구현하고 있습니다(각각 https://github.com/wangdahoo/vswipe)).를 포함합니다.QuestionGroup여러 개의 컴포넌트를 포함하는 컴포넌트Questions. 이러한 질문 중 일부는 필수입니다. vSwipe 다음 버튼과 이전 버튼(부모에 포함)을 비활성화/활성화하려면 어떻게 해야 합니까?Su..

커스텀 컴포넌트 내에서 Vue.js 플러그인을 사용하는 방법 Ajax를 통해 업데이트할 수 있는 컨텐츠와 표를 출력해야 합니다.그래서 저는 이 제품을vue-tables-2(Vue.js 플러그인인 https://github.com/matfish2/vue-tables-2)). Laravel 방식을 사용하여 Vue.js 커스텀컴포넌트를 쓰고 있는데 어떻게 하면vue-tables-2플러그인이 내 컴포넌트 안에 있습니까? 다음은 플러그인 https://jsfiddle.net/matfish2/jfa5t4sm/을 사용하는 방법의 예입니다. 안타깝게도 이 예에서는 플러그인을 컴포넌트 안에 랩하지 않습니다.사용자 지정 Vue 구성 요소에 타사 구성 요소를 사용할 수 있도록 하려면 다음 두 가지 방법을 사용할 수 있습니다..

Vue CLI 프로젝트가 vue.config.js를 읽지 않음 패키지를 깨끗하게 하기 위해 에일리어스를 작성하려고 하는데 vue.config.js 파일이 무시되고 있습니다.Vue v^2.6.11에서 Vue CLI를 사용하고 있습니다. vue.config.config: const path = require('path') module.exports = { configureWebpack: { resolve: { alias: { '@vue-toggle-component': path.resolve(__dirname, 'src/components') } } } } 패키지.json: { "name": "vue-toggle-component", "version": "0.1.1", "scripts": { "serve":..

CSS에서 Vue CLI 빌드 운영 변경 불투명도 vue 프로젝트를 빌드하면 불투명도가 50%에서 1%로 변경됩니다. 개발에서는 이 문제가 없지만 생산에서는 스타일이 바뀝니다. 개발(npm run serve): 클릭하여 확인합니다. .VueCarousel-dot-container button.VueCarousel-dot { background-color: #7390a7 !important; opacity: 60%; } 실가동(npm 빌드 실행):빌드 및 업로드 시: .VueCarousel-dot-container button.VueCarousel-dot { background-color: #7390a7!important; opacity: 1%; } 의 교환을 시도합니다.opacity: 60%;와 함께op..

Vue - 객체 어레이를 자세히 감시하고 변경을 계산하고 있습니까? 내 어레이는people다음과 같은 오브젝트가 포함되어 있습니다. 전에 [ {id: 0, name: 'Bob', age: 27}, {id: 1, name: 'Frank', age: 32}, {id: 2, name: 'Joe', age: 38} ] 다음과 같이 변경할 수 있습니다. 끝나고 [ {id: 0, name: 'Bob', age: 27}, {id: 1, name: 'Frank', age: 33}, {id: 2, name: 'Joe', age: 38} ] 프랭크가 이제 막 33살이 되었네요 사용자 배열을 감시하려고 하는 앱이 있으며, 값이 변경되면 변경 내용을 기록합니다. 어제 어레이 비교에 대해 질문한 내용을 바탕으로 가장 빠른 답변..

vue.for - v-for에서 동적으로 생성된 구성 요소가 바인딩된 속성을 올바르게 업데이트하지 않음 vue.js에서 문제가 발생했는데 어떻게 해결해야 할지 모르겠어요.나는 그것의 요점을 가능한 한 명확하고 간결하게 설명하려고 노력할 것이다. 상황. rest API에서 데이터를 로드합니다.javascript 프로토타입 구문을 사용하여 클래스를 만들었습니다.DataLoader모든 로드 및 내부 상태 변경을 처리합니다.로드된 데이터는 대개 반복적인 방식으로 표시됩니다(예: 목록 또는 카드).새로운 컴포넌트를 만들었습니다.DataLoaderWrapper이 목적을 위해,DataLoader오브젝트를 속성으로 합니다.그DataLoaderWrapper로딩 상태에 따라 로딩 스피너를 표시합니다.DataLoader물건..

Prerender vue.js 2.0 컴포넌트(이와 유사).vue 1로 $140) 그리드 스택을 위해 재사용 가능한 부품을 만들려고 합니다. 같은 일을 할 수 있는 간단한 방법을 찾을 수 없다.this.$compilevue 1의 메서드.나는 이 예를 본 적이 있다. vue 스크립트는 다음과 같습니다. export default { components: { 'horizontal-fab': HorizontalFab, 'd-widget': DWidget }, data () { return { } }, mounted () { var options = { cellHeight: 80, verticalMargin: 10, width: 3 } $('#grid-stack').gridstack(options) }, add..

VueJs의 구성 요소에 개체 또는 개체 키 전달 VueJs에서 전송되는 객체 배열에 연결된 인사 테이블이 있습니다.테이블의 마지막 열은 각 레코드를 편집하기 위한 버튼입니다. 편집 버튼을 클릭하면 모달 팝업을 표시하고 텍스트 상자를 편집하려는 직원의 속성에 바인딩합니다.모달 팝업의 저장 버튼을 클릭하면 테이블과 데이터 소스가 업데이트됩니다. 그러나 데이터를 로드하거나 편집된 개체를 텍스트 상자에 바인딩할 수 있도록 오브젝트 또는 키만 컴포넌트에 전달해야 합니다. JS var app = new Vue({ el: '#my-app', data: { personnels: [ { id: 1, firstName: 'Billy', lastName: 'Bob', email: 'bb@kewl.com' }, { id: ..

v-for 루프 내에서 v-model 사용 v-for 루프 내에서 입력 필드를 렌더링하고 해당 입력에 v-model을 사용하여 입력 값을 가져오지만 입력 중 하나를 입력하면 모든 텍스트 필드에 값이 입력됩니다. 이 바이올린으로 내 문제를 재현했다. Todos: {{ todo.text }} {{ todo.text }} new Vue({ el: "#app", data: { score: [], todos: [ { text: "Learn JavaScript", done: false }, { text: "Learn Vue", done: false }, { text: "Play around in JSFiddle", done: true }, { text: "Build something awesome", done: t..

Vue.js - 요소 UI - MessageBox의 HTML 메시지 사용하고 있다vue-js 2.3그리고.element-ui이 질문은 보다 구체적입니다.MessageBox여기서 매뉴얼을 찾을 수 있는 컴포넌트 문제 들어갈 수 있으면 좋겠습니다.html의 메시지MessageBox구체적으로는, 에 기재되어 있는 데이터를 표시하고 싶습니다.dataForMessage를 사용하여v-for고리. 보아하니, 우리는 그 안에vnode구문에 대한 정보를 어디서 찾을 수 있는지 모르겠습니다. https://jsfiddle.net/7ugahcfz/ var Main = { data:function () { return { dataForMessage: [ { name:'Paul', gender:'Male', }, { name:..