我真的坚持这个.我创建了一个由子组件组成的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 ×1