vuejs2 पर टैग किए गए जवाब

VueJS में हम v-if का उपयोग करके DOM तत्व जोड़ या हटा सकते हैं: <button v-if="isRequired">Important Button</button> लेकिन एक डोम तत्व की विशेषताओं को जोड़ने / हटाने का एक तरीका है उदाहरण के लिए निम्नलिखित सशर्त रूप से आवश्यक विशेषता सेट करें: Username: <input type="text" name="username" required> कुछ इसी तरह …

119 javascript  vue.js  vuejs2 

अवलोकन Vue.js 2.x में, पदावनतmodel.sync किया जाएगा । तो, Vue.js 2.x में भाई के घटकों के बीच संवाद करने का एक उचित तरीका क्या है ? पृष्ठभूमि जैसा कि मैं Vue 2.x को समझता हूं, भाई-बहन के संचार के लिए पसंदीदा तरीका एक स्टोर या एक इवेंट बस का उपयोग …

112 javascript  vue.js  vuejs2  vue-component  vuex 

मेरे पास कुछ फॉर्म सत्यापन के साथ एक घटक है। यह एक मल्टी स्टेप चेकआउट फॉर्म है। नीचे दिया गया कोड पहले चरण के लिए है। मैं यह सत्यापित करना चाहता हूं कि उपयोगकर्ता ने कुछ पाठ दर्ज किए, अपना नाम वैश्विक स्थिति में संग्रहीत किया और फिर अगले चरण …

111 vue.js  vuejs2  vue-component  vuex 

मेरे पास एक सरणी 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: …

108 javascript  vue.js  vuejs2 

मैं v-forएक्स (जैसे 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> …

108 javascript  vue.js  vuejs2  v-for 

मैंने डॉक्स पढ़ा, लेकिन मैं इसे समझ नहीं पाया। मुझे पता है कि डेटा, कंप्यूटेड, वॉच, मेथड्स क्या करते हैं लेकिन nextTick()वुज़ू में इसका क्या उपयोग है?

107 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) …

106 javascript  vue.js  vuejs2  vue-component 

मेरे पास एक गतिशील दृश्य है: <div id="myview"> <div :is="currentComponent"></div> </div> एक संबंधित Vue उदाहरण के साथ: new Vue ({ data: function () { return { currentComponent: 'myComponent', } }, }).$mount('#myview'); यह मुझे अपने घटक को गतिशील रूप से बदलने की अनुमति देता है। मेरे मामले में, मैं तीन अलग-अलग …

105 javascript  vue.js  vuejs2  vue-component 

मैं छवि URL के साथ Vue.js चर को बदलना चाहता हूं। मैंने क्या गणना की: 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 के साथ गणना किए गए चर को कैसे संक्षिप्त …

105 javascript  vue.js  vuejs2 

मेरा ऐप Vuex State में बूलियन मान के रूप में लॉगिन स्थिति को सहेजते हुए, उपयोगकर्ता प्रमाणीकरण के लिए Firebase API का उपयोग करता है। जब उपयोगकर्ता लॉग इन करता है तो मैं लॉगिन स्थिति निर्धारित करता हूं और सशर्त रूप से लॉगिन / लॉगआउट बटन को तदनुसार प्रदर्शित करता …

105 vue.js  vuejs2  state  vuex 

Vue-cli प्रोजेक्ट में पोर्ट नंबर कैसे बदलें ताकि यह 8080 के बजाय दूसरे पोर्ट पर चले।

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

एक सरल Vue ब्लॉग पर विचार करें: मैं अपने डेटासंग्रह रूप Vuex उपयोग कर रहा हूँ और मैं दो सेट करने की आवश्यकता ही टिककर खेल : एक getPostएक पुन: प्राप्त करने के लिए गेटर postके रूप में अच्छी तरह से एक के रूप में, आईडी के आधार पर listFeaturedPostsहै …

104 vuejs2  vuex 

मैं इस पुल अनुरोध में देखता हूं : एक जोड़ें router.reload() वर्तमान पथ के साथ पुनः लोड करें और डेटा हुक को फिर से कॉल करें लेकिन जब मैं एक Vue घटक से निम्न आदेश जारी करने का प्रयास करता हूं: this.$router.reload() मुझे यह त्रुटि मिली: Uncaught TypeError: this.$router.reload is …

101 vue.js  vue-router  vuejs2 

मेरे पास एक ऐसा मामला है जहां मेरे वेब ऐप के Vue.jsसाथ webpack, मुझे गतिशील चित्र प्रदर्शित करने की आवश्यकता है। मैं यह दिखाना चाहता हूं कि imgछवियों का फ़ाइल नाम एक चर में कहाँ संग्रहीत किया जाता है। वह चर एक computedसंपत्ति है जो एक Vuexस्टोर चर लौटा रहा …

100 javascript  html  vue.js  vuejs2 

मेरी प्रतिज्ञा घटक इस प्रकार है: <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