Vue中的动态按钮

时间:2018-07-28 19:22:43

标签: javascript vue.js

我想要一些带有动态点击事件的按钮。 我尝试了这个,但是没有用。 有什么问题吗?

new Vue({
    el: '#app',
    data: {
      items: [
      {title:'show',
       click: () => 
       {
          this.show = true;
       }
      },
      {title:'hide',
       click: () => 
       {
        this.show = false;
       }},
      ],
      show: false
    }
});
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>
<div id="app">
  <button v-for="item in items" @click="item.click">{{item.title}}</button>
  <p v-if="show">hello</p>
</div>

0 个答案:

没有答案