vue-component पर टैग किए गए जवाब

मैं यह समझने की कोशिश कर रहा हूं कि कुछ प्रोपर वेरिएशन को कैसे ठीक से देखा जाए। मेरे पास एक पैरेंट घटक (.vue फाइलें) हैं जो एक अजाक्स कॉल से डेटा प्राप्त करते हैं, एक ऑब्जेक्ट के अंदर डेटा डालते हैं और मेरे कार्यान्वयन के सरलीकरण के नीचे, v-for …

413 javascript  vue.js  vue-component  vue-resource 

में VueJs 2.0 डॉक्स मैं किसी भी हुक कि पर सुनने हैं नहीं मिल सकता है propsबदल जाता है। क्या VueJs में ऐसे हुक onPropsUpdated()या समान हैं? अपडेट करें जैसा कि @wostex ने सुझाव दिया, मैंने watchअपनी संपत्ति की कोशिश की लेकिन कुछ भी नहीं बदला। तब मुझे महसूस हुआ …

256 javascript  vue.js  vuejs2  vue-component 

मैं एक घटक के अंदर क्लिक निर्देश का उपयोग करने की कोशिश कर रहा हूं, लेकिन यह काम नहीं करता है। जब मैं क्लिक करता हूं तो घटक नोटिंग्स तब होता है जब मुझे कंसोल में एक 'टेस्ट क्लिक' मिलना चाहिए। मुझे कंसोल में कोई त्रुटि नहीं दिखाई देती है, …

186 javascript  vue-component  vuejs2  vue.js 

मैं vuejs (2.0) के साथ खेलना शुरू कर रहा हूं। मैंने इसमें एक घटक के साथ एक सरल पृष्ठ बनाया। पृष्ठ में डेटा के साथ एक Vue उदाहरण है। उस पृष्ठ पर मैंने पंजीकृत किया और HTML में घटक जोड़ा। घटक के पास एक है input[type=text]। मैं उस मूल्य को …

155 javascript  vue.js  vue-component 

मुझे भुगतान गेटवे के लिए दो बाहरी स्क्रिप्ट का उपयोग करना है। अभी दोनों को index.htmlफाइल में डाला गया है । हालाँकि, मैं शुरुआत में ही इन फाइलों को लोड नहीं करना चाहता। भुगतान गेटवे की आवश्यकता केवल तभी होती है जब उपयोगकर्ता एक विशिष्ट घटक ( using router-view) खोलते …

151 javascript  vue.js  vuejs2  vue-component  vue-router 

1. मैं Vue 2 में एक घटक प्रोप के लिए डिफ़ॉल्ट मान कैसे सेट कर सकता हूं? उदाहरण के लिए, एक सरल moviesघटक है जो इस तरह से इस्तेमाल किया जा सकता है: <movies year="2016"><movies> Vue.component('movies', { props: ['year'], template: '#movies-template', ... } लेकिन, यदि कोई उपयोगकर्ता निर्दिष्ट नहीं करता …

139 javascript  vue.js  vue-component 

मैंने बस Vue स्थापित किया है और vue-cli webpack टेम्पलेट का उपयोग करके प्रोजेक्ट बनाने के लिए कुछ ट्यूटोरियल का अनुसरण कर रहा हूं। जब यह घटक बनाता है, तो मुझे लगता है कि यह हमारे डेटा को निम्नलिखित में बांधता है: export default { name: 'app', data: [] } …

136 vue.js  vue-component  vue-cli 

अवलोकन 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 

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 

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

मेरा Vue घटक इस प्रकार है: <template> <div> <div class="panel-group"v-for="item in list"> <div class="col-md-8"> <small> Total: <b>{{ item.total }}</b> </small> </div> </div> </div> </template> <script> export default { ... computed: { list: function() { return this.$store.state.transaction.list }, ... } } </script> का नतीजा {{ item.total }}है 26000000 है लेकिन मैं …

85 vue.js  vuejs2  vue-component  vuex