咦啊呦。
2019-06-03 16:53
采纳率: 100%
浏览 627
已采纳

VUE.JS 中把computed改成methods后就失效了,为什么?

如图

图片说明

<div id="app">
        <show-item  v-for="(item,i) in items" @click.native="items.splice(i,1)" color="red" > {{item}}</show-item>
</div>
<script>
    Vue.component('show-item', {
        template: '<p :style="style"><slot></slot></p>',
        props:['color'],
        computed:{
            style(){
                return {backgroundColor:this.color};

            }
        }
    });
    new Vue({
        el: '#app',
        props:['color'],
        data: {
            items: ['apple', 'peal', 'banana']
        }

  • 写回答
  • 好问题 提建议
  • 追加酬金
  • 关注问题
  • 收藏
  • 邀请回答

1条回答 默认 最新

  • 北巷小哥驾到 2019-06-03 17:05
    已采纳

    computed是更新生命周期里面的update层,用来直接给界面的值更新值得 methods里面是定义主动事件 例如点击事件的 不能自己触发 必须有用户的交互

    评论
    解决 无用
    打赏 举报

相关推荐 更多相似问题