首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >是否可以在主Vue实例上的方法中添加/删除组件的道具?

是否可以在主Vue实例上的方法中添加/删除组件的道具?
EN

Stack Overflow用户
提问于 2018-06-09 05:05:11
回答 1查看 947关注 0票数 0

在Vue.js上,我有一个带有一个名为loading的prop的v-button组件。

组件:

代码语言:javascript
复制
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:

代码语言:javascript
复制
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?
    }
  }
})

正文:

代码语言:javascript
复制
<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

EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50768385

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档