已采纳回答 / 千里明月
这么想吧 其实无论父组件还是子组件,它们都只是对应着一个dom节点而已。list中的每个<li>其实都是一个dom子节点,想删除这些动态生成的子节点,按js的逻辑,得先找到父dom节点,才能定位到子节点本身。而弹出事件本身就不是个节点,无需定位,也就不需要通知其他节点了。
2018-10-15
已采纳回答 / 溺水的鱼321
你这个问题是Js中单引号里面不能嵌套单引号,双引号里面可以嵌套单引号的,改成这样就行template: "<li v-bind:click='handleClick '>{{content}}</li>"
2018-10-12
最新回答 / 悬壶行者
我拉下来了你的代码,vue.js引用我更改了一下,输入内容,点击提交,是可以显示的。要不你再试试。如果你说的是当输入框为空的时候,点击提交,只显示点点,没有内容,这个也是符合逻辑的。如果想当输入框为空的时候,点击提交按钮此时无效,可以加一个判断语句就可以的
2018-10-07
已采纳回答 / 丶四夕
props:['item','index'], template:'<li @click="deleteItem">{{item}}</li>', methods:{ deleteItem:function(){ this.$root.list.splice(this.index,1)//子组件这样写就好了,通过$root访问到父组件,然后直接操作父组件的数据,就不用采用老师讲的发布订阅模式了,但是老师讲的这个知识点还是必须掌握的,老师也说了这是vue...
2018-09-19
最赞回答 / 摩菲0
<div id="root"> <input v-model="inputvalue" /> <button @click="handlesubmit">提交</button><!--把渲染的目标写在div里,仔细点,哈哈--> <ul> <li v-for="(item,index) of list" :key="index">...
2018-08-06
已采纳回答 / 慕妹4208312
子组件没有定义handleDelete方法。父组件使用 props 把数据传给子组件。子组件使用 $emit 触发父组件的自定义事件。自定义事件调用父组件的方法删除list中的一个元素。
2018-07-30