删除文件的操作
来源：9-5 Uploader 组件第三部分：自定义模版
慕田峪5474215
2021-03-01
老师你好，做删除功能的时候我的思路是这样的：通过Uploader的triggerUpload方法改变fileStatus的状态值
然后调用子组件的时候添加一个删除按钮
这样写看似完成了，但是并没有改变原有的数据，我想知道老师的删除逻辑是怎样的，是不是父组件调用子组件的时候通过props传递一个属性，然后在子组件监听此属性？
另外一点我这样写的话有个问题就是：因为你的代码里子组件触发上传方法是通过子组件最外层的div.file-upload-container的click事件来实现的，所以我在写删除操作的时候点击图片也会触发删除方法，因为删除按钮在div.file-upload-container内，所以点击此div内部的元素也会触发triggerUpload方法，所以还得请老师指点下
写回答
1回答
-
同学你好 这里我的做法是不要在 uploaded 这个模版上添加，而是在父组件中添加，假如像个性化的化就添加一个新的 slot，然后点击以后清空上传数据并且发送出一个 @deleted 事件来，供用户使用。
第二个问题，可以使用 click.stop 修饰符 让内部的 button 停止冒泡。
012021-03-09
相似问题