在Vue.js上,我有一个带有一个名为loading的prop
的v-button组件。
组件:
Vue.component('v-button', {
props: ['loading'],
template: '<button class="btn btn-info"> <span v-if="loading != undefined">Loading...</span> <span v-else><slot></slot></span> </button>'
});
Vue:
new Vue({
el: '#app',
components: ['v-button'],
methods: {
niceMethod: function(argument) {
console.log(argument);
// Considering that I will have a large amount of v-buttons:
// Is it possible to do something here to add or remove the prop "loading" ONLY on the v-button I've clicked?
}
}
})
正文:
<div id="app" class="p-5">
<p><v-button @click.native="niceMethod('testing!')">Test</v-button></p>
<p><v-button @click.native="niceMethod('hello!')">Hello</v-button></p>
<p><v-button @click.native="niceMethod('vue!')">Vuejs</v-button></p>
</div>
考虑到我将有大量的v-button :是否可以在Vue实例上执行一些操作,以便仅在我所单击的v-button上执行、add、或属性加载?
我是不是错过了Vue.js文档上的什么东西?
如果我的问题不清楚,很抱歉...如果是这样,请检查我做的JSFiddle。
https://stackoverflow.com/questions/50768385
复制相似问题