-
qq_慕移动8241198
- input框数据不变
因为你少了一步，应该在数据提交之后，将inputValue置空
- 2021-09-11 2回答·507浏览
-
天地转光阴迫
- 3-4节组件通信中的问题
我试了试好像不行
- 2021-07-22 1回答·584浏览
-
宝慕林1176426
- 谁知道在vue框架中全局组件应该放哪里？
放在和其他实例并列的地方吧
- 2021-04-15 1回答·788浏览
-
阳光下的老牛
- 子组件间如何交互数据！？
父组件到子组件数据传递：
父组件通过绑定自定义属性（如:content="item"）向子组件传参，子组件需要使用props接收父组件所传递的参数（如 props:['content'],）
子组件调父组件方法：
子组件通过$emit(funcName,value)的方式（如：$emit( 'delete', this.index)）触发父组件的监听方法（如：@delete="handleDelete"），父组件收到监听后，会用模板中定义的handleDelete方法
- 2021-01-08 1回答·578浏览
-
qq_宸子_04228031
- 在vue中，父组件向子组件传值是通过组件的形式
父组件通过绑定自定义属性（如:content="item"）向子组件传参，子组件需要使用props接收父组件所传递的参数（如 props:['content'],）
- 2020-08-02 1回答·746浏览
-
小盆友敲带蚂
- 有没有人帮忙看看我的点击删除为什么没有反应，也不报错..
自问自答，因为上节课没有跟着做，li上面没有绑定click事件
- 2020-07-19 2回答·760浏览
-
慕妹0520133
- 方法定义在哪里
视频说的清楚，要实现删除，需要把list里的相关内容删除。而list是父组件data里的一个元素，只能在父组件里删才能删除。至于父组件传给子组件的事LIST添加的内容，子组件反传回来的是当前点击了哪一个（要删除哪一个LI）的INDEX.
- 2020-06-05 4回答·741浏览
-
cloudmanLiu
- list.splice 方法是vue特有的方法还是javascrip方法，想进一步了解需要看什么资料？
- 已采纳 慕粉1445415559 的回答
js 里的方法，想进一步了解直接百度js splice
- 2020-04-12 7回答·1154浏览
-
夜魇丶
- this.$emit（）的第二个参数可以不写吗
- 已采纳 小木偶MO 的回答
不传第二个参数会默认删掉下标为0的数据，你试试
- 2020-03-12 4回答·1956浏览
-
Ricky626
- 如果无需要把列表中的某个值赋值给一个变量该怎么做？
比如老师例子的那个要传递参数的问题，如果需要传递参数的话，写成this.$emit('delete',index),如果不需要传值，直接就this.$emit('delete')即可
- 2020-02-06 1回答·709浏览
-
慕粉13419632433
- 整个教程中的index是html的文件名称吗，还是一个固定的属性？
index代表数组list的下标
- 2020-01-03 3回答·1041浏览
-
慕盖茨5229914
- 老师这里的 :index,下面不能直接用 :key直接当做属性传递吗？
如果list是对象，KEY必然可以的，但list是数组，就不行了。这里的key是按添加顺序的，比如分别添加A,B,C,D,E,在未删除过时，Index与KEY可以一致，都是0,1,2,3,4，但经过几次删除添加后，Index与KEY就不一定对应了，比如删除C后，index变成0,1,2,3，但KEY可能就是0,1,3,4了。记住一点，KEY的作用是避免重复，不具序号功能，无法准确定位。
- 2019-11-07 6回答·880浏览
-
qq_且行且珍惜_32
- todolist删除没反应也没报错，求大家帮忙看看
<todo-item>中应该是@delete而不是click
template中的li没有增加点击事件@click="handleClick"
增加以上两个，点击后会弹出对应的内容
如果需要删除：
handleDelete: function (index) {
this.list.splice(index,1)
}
- 2019-10-31 7回答·1057浏览
-
慕无忌3411333
- 为什么不能直接传递属性key
key的定义来源于键值对，一般是存在于对象里。数组有index,和值。key具有唯一性，这里的KEY由系统自动生成，类似数据库表里的主键，目的是避免重复显示，所以传递key出来，与数组的index相比，肯定是index更符合数组的使用需求
- 2019-10-28 4回答·870浏览
-
神艾尼路
- 不传递空值
- 2019-10-18 2回答·532浏览
-
qq_慕设计4014402
- 不用组件拆分的方式，完成todolist功能
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>todo</title> <script type="text/javascript" src="./vue.js"></script></head><body> <div id="app"> <input type="text" v-model="event"> <button @click="submit">提交</button> <!-- 不使用组件 --> <ul> <li v-for="(item, index) in list" :key="index" :data-id="index" @click="del">{{item}}</li> </ul> <!-- 使用全局组件 --> <!-- <ul> <todo-item-qj v-for="(item, index) in list" :key="index" :content="item" :prex="index" @delete="handleDelete" > </todo-item-qj> </ul> --> </div> <script type="text/javascript"> // 全局组件 Vue.component('todo-item-qj', { props: ['content', 'prex'], template: '<li @click="handleClick">{{prex}} - {{content}}</li>', methods: { handleClick: function(){ this.$emit('delete', this.prex); } } }); // 局部组件 var todoItem = { props: ['content', 'prex'], template: '<li>{{prex}} - {{content}}</li>', }; var app = new Vue({ el: '#app', data: { event: '', list: [], }, methods:{ submit: function(){ if(!this.event.length) { alert('输入值'); } this.list.push(this.event); this.event = ''; }, del: function(event){ // console.log(event.target.dataset.id); let prex = event.target.dataset.id; this.list.splice(prex, 1); }, handleDelete: function(prex) { // alert(prex); this.list.splice(prex, 1); }, } }); </script></body></html>- 2019-09-21 2回答·860浏览
-
慕圣3009968
- 为什么在子组件中handleclick里面直接用this.index就可以获取到时哪一个
- 已采纳 慕哥030339 的回答
for循环出N个的li元素，每个li元素里面都有click事件、key、content、index以及delete，在点击某个li元素的时候，对触发的那个方法（click）来说，this就代表了触发的那个li元素，this里面就有前面说的key、content、index。
- 2019-09-01 3回答·1112浏览
-
慕的地6553898
- 3-4，删除li的时候，index为什么要从子组件取，它不是由父组件传过去的吗？
点击事件在子组件上面，只有子组件知道点击的是哪一个index
- 2019-08-05 3回答·707浏览
-
幕布斯8047256
- 什么是父组建，什么是子组建。
- 2019-07-25 3回答·845浏览
-
qq_慕的地3155222
- handleclick 哪儿报错
你的method方法，掉了参数index，应该为
handleDelete:function(index){
this.list.splice(index,1)
}
- 2019-07-15 6回答·1101浏览
-
慕码人3612724
- 急死人了，为啥删除没用呀？？？
- 已采纳 三打孙八戒 的回答
<input type="button" value="删除" @click="deleteaaa(index)">
deleteaaa: function (index) { // delete 避免将javascript一元运算符用作属性名 this.users.splice(index,1); }不要直接用"delete" 随便换个其他的名字
- 2019-07-01 2回答·892浏览
-
qq_失眠眠_0
- 疑惑？？？？？？？？
因为那里是接收的参数
- 2019-06-25 3回答·821浏览
-
qq_Dreamy_旧城_0
- 在父组件那里，为何是1呢
- 已采纳 kwanghuee 的回答
1表示删除的数量，这里的splice方法是从index的位置开始，删除1个item
- 2019-06-24 2回答·733浏览
-
QQ王道
- 想问一下，直接传list可以么
不行。父子组件之间数据是单向下行绑定的，反过来不行。具体看手册“单向数据流”
- 2019-06-15 2回答·642浏览
-
慕UI8118534
- 关于删除list的疑问
this.list.splice(index,1)
意思时删除数组元素list[index]开始的连续一个元素，其实就是list[index]。
- 2019-06-09 4回答·969浏览
-
慕前端1384781
- todoList的删除功能的问题
显示是跟父组件的list数组绑定的，你不删除List的内容，没用
- 2019-06-03 2回答·837浏览
-
慕用4251726
- 子组件不能拿到for的key属性值吗
试过，拿不到
[Vue warn]: "key" is a reserved attribute and cannot be used as component prop.
found in
---> <TodoItem> at src/components/TodoItem.vue
<TodoList> at src/TodoList.vue
<Root>
- 2019-05-24 1回答·993浏览
-
菜鸟0810
- 为什么我的index不能传到父组件
自问自答系列，居然是因为父组件的绑定事件没有传参
- 2019-05-21 1回答·780浏览
-
宝慕林0444165
- 我定义的子组件是局部组件，为什么<todo-item @click='itemDelete'></to-item>没报错，但是点击，itemDelete不执行
<todo-item>其实是一个无法识别的标签，可以理解为自定义标签，但你没有定义它
- 2019-05-10 2回答·2059浏览
-
慕粉3414310
- 为什么我的handleDelete没有传形参报错 而老师的就不报错呀？
- 2019-05-08 2回答·1193浏览
