相关疑难解决方法(0)

删除Vue子组件

我真的坚持这个.我创建了一个由子组件组成的Vue(2.0)组件,它都是Webpacked等.例如,这是父:

<div>

    <h1>This is just a title for lulz</h1>

    <rowcomponent v-for="row in rows" :row-data="row"></rowcomponent>

</div>
Run Code Online (Sandbox Code Playgroud)

有一个rows传递给它的道具,看起来像这样:

rows: [{ sometext: "Foo"} , { sometext: "Bar" }]
Run Code Online (Sandbox Code Playgroud)

所以我的行组件看起来像这样:

<div>{{ this.sometext }} <button @click="deleteRow">Delete Row</button></div>
Run Code Online (Sandbox Code Playgroud)

而且我觉得设置一个方法应该很容易rowcomponent就是这样:

deleteRow() {
    this.delete();
}
Run Code Online (Sandbox Code Playgroud)

我是否需要$向父级发出一些内容并使用其中的行索引将其删除?这让我疯狂.所有示例似乎都表明它很容易做到,但是在你有子组件想要删除自己的情况下则不行.

vue.js

11
推荐指数
1
解决办法
1万
查看次数

标签 统计

vue.js ×1