问答详情
源自:3-4 实现todolist的删除功能

如图功能如何实现更简单。

https://img1.mukewang.com/5ba1b0290001d26307840309.jpg

如果用普通的由子传父的方式,很麻烦。如图功能有没有简单的方法实现呢。

提问者:蜗牛_Cy 2018-09-19 10:13

个回答

  • 丶四夕
    2018-10-09 10:05:50
    已采纳

    props:['item','index'],

    template:'<li @click="deleteItem">{{item}}</li>',

    methods:{

    deleteItem:function(){

    this.$root.list.splice(this.index,1)//子组件这样写就好了,通过$root访问到父组件,然后直接操作父组件的数据,就不用采用老师讲的发布订阅模式了,但是老师讲的这个知识点还是必须掌握的,老师也说了这是vue的重点

    }

  • 慕粉3195008
    2019-11-01 15:06:23

    请问$root是什么意思,什么作用?

  • 慕斯9484182
    2018-09-29 17:02:31

    可以把需要传的值变成一个全局变量每个组件都可以引用