«vuejs2» 태그된 질문

VueJS에서는 v-if를 사용하여 DOM 요소를 추가하거나 제거 할 수 있습니다. <button v-if="isRequired">Important Button</button> 그러나 dom 요소의 속성을 추가 / 제거하는 방법이 있습니다. 예를 들어 다음의 경우 필수 속성을 조건부로 설정합니다. Username: <input type="text" name="username" required> 비슷한 방법으로 : Username: <input type="text" name="username" v-if="name.required" required> 어떤 아이디어?

119 javascript  vue.js  vuejs2 

개요 Vue.js 2.x에서에서 model.sync됩니다 되지 않습니다 . 그렇다면 Vue.js 2.x 에서 형제 구성 요소간에 통신하는 적절한 방법은 무엇 입니까? 배경 내가 Vue 2.x를 이해했듯이 형제 통신에 선호되는 방법 은 상점 또는 이벤트 버스를 사용하는 것 입니다. Evan (Vue의 제작자)에 따르면 : 또한 "구성 요소간에 데이터 전달"은 일반적으로 나쁜 생각이라고 언급 …

112 javascript  vue.js  vuejs2  vue-component  vuex 

v-forX (예 : 10 회) 를 통해 루프를 반복하려면 어떻게 해야합니까? // want to repeat this (e.g.) 10 times <ul> <li v-for="item in shoppingItems"> {{ item.name }} - {{ item.price }} </li> </ul> 문서는 다음을 보여줍니다. <ul> <li v-for="item in 10">{{ item }}</li> </ul> // or <li v-for="n in 10">{{ …

112 javascript  vue.js  vuejs2  v-for 

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: …

108 javascript  vue.js  vuejs2 

양식 유효성 검사가있는 구성 요소가 있습니다. 다단계 결제 양식입니다. 아래 코드는 첫 번째 단계입니다. 사용자가 텍스트를 입력했는지 확인하고 이름을 전역 상태로 저장 한 다음 다음 단계로 전송하고 싶습니다. vee-validate 및 vuex를 사용 하고 있습니다. <template> <div> <div class='field'> <label class='label' for='name'>Name</label> <div class="control has-icons-right"> <input name="name" v-model="name" v-validate="'required|alpha'" :class="{'input': true, …

108 vue.js  vuejs2  vue-component  vuex 

간단한 Vue 블로그를 생각해보십시오. 저는 Vuex를 데이터 저장소로 사용하고 있으며 두 개의 getter 를 설정해야합니다 . ID getPost로 검색하는 getter 와 각 추천 게시물의 처음 몇 문자를 반환 하는 getter입니다 . 추천 게시물 목록의 데이터 저장소 스키마는 해당 ID로 게시물을 참조합니다. 이러한 ID는 발췌 내용을 표시하기 위해 실제 게시물로 확인되어야합니다.postlistFeaturedPosts …

108 vuejs2  vuex 

내 앱은 사용자 인증에 Firebase API를 사용하여 로그인 상태를 Vuex 상태에 부울 값으로 저장합니다. 사용자가 로그인 하면 로그인 상태를 설정하고 그에 따라 로그인 / 로그 아웃 버튼을 조건부로 표시합니다. 그러나 페이지를 새로 고치면 vue 앱의 상태가 손실되고 기본값으로 재설정됩니다. 사용자가 로그인하고 페이지를 새로 고쳐도 로그인 상태 가 다시 거짓으로 설정 …

106 vue.js  vuejs2  state  vuex 

동적보기가 있습니다. <div id="myview"> <div :is="currentComponent"></div> </div> 연결된 Vue 인스턴스와 함께 : new Vue ({ data: function () { return { currentComponent: 'myComponent', } }, }).$mount('#myview'); 이를 통해 구성 요소를 동적으로 변경할 수 있습니다. 내 경우, 나는 세 가지 구성 요소가 있습니다 : myComponent, myComponent1,와 myComponent2. 그리고 나는 다음과 같이 …

105 javascript  vue.js  vuejs2  vue-component 

Vue.js 변수를 이미지 URL과 연결하고 싶습니다. 내가 계산 한 것 : imgPreUrl : function() { if (androidBuild) return "android_asset/www/"; else return ""; } Android 용으로 빌드하는 경우 : <img src="/android_asset/www/img/logo.png"> 그밖에 <img src="img/logo.png"> 계산 된 변수를 URL과 연결하려면 어떻게해야합니까? 나는 그것을 시도했다 : <img src="{{imgPreUrl}}img/logo.png">

105 javascript  vue.js  vuejs2 

Vue-cli 프로젝트에서 포트 번호를 변경하여 8080이 아닌 다른 포트에서 실행되도록하는 방법.

104 vue.js  vuejs2  command-line-interface  vue-cli 

문서를 읽었지만 이해할 수 없습니다. 나는 어떤 데이터, 계산, 감시, 방법을 알고 있지만 nextTick()vuejs에서 무엇을 사용합니까?

104 vue.js  vuejs2 

내 vue 구성 요소는 다음과 같습니다. <template> <div> <div class="panel-group" v-for="item in list"> ... <div class="panel-body"> <a role="button" data-toggle="collapse" href="#purchase-{{ item.id }}" class="pull-right" aria-expanded="false" aria-controls="collapseOne"> Show </a> </div> <div id="purchase-{{ item.id }}" class="table-responsive panel-collapse collapse" role="tabpanel"> ... </div> </div> </div> </template> <script> export default { ... computed: { list: function() …

99 vue.js  vuejs2  vue-component 

데이터 필터링에 도움이되는 기능이 있습니다. v-on:change사용자가 선택을 변경할 때 사용 하고 있지만 사용자가 데이터를 선택하기 전에도 호출 할 함수가 필요합니다. 나는 AngularJS이전에 사용한 것과 똑같은 일 을 ng-init했지만 그러한 지시가 없다는 것을 이해합니다.vue.js 이것은 내 기능입니다. getUnits: function () { var input = {block: this.block, floor: this.floor, unit_type: this.unit_type, status: …

97 javascript  vue.js  vuejs2 

서버와 통신하고 데이터를 VueJS의 재사용 가능한 단일 파일로 가져 오는 모든 기능을 넣고 싶습니다. 플러그인이 최선의 대안이 아닌 것 같습니다. 템플릿이 적은 구성 요소 ..?

95 service  vue.js  vuejs2 

var MainTable = Vue.extend({ template: "<ul>" + "<li v-for='(set,index) in settings'>" + "{{index}}) " + "{{set.title}}" + "<button @click='changeSetting(index)'> Info </button>" + "</li>" + "</ul>", data: function() { return data; } }); Vue.component("main-table", MainTable); data.settingsSelected = {}; var app = new Vue({ el: "#settings", data: data, methods: { changeSetting: function(index) …

95 javascript  vue.js  vuejs2  vue-component