我是测试provide and inject方法。我将datas,del-function在父级中提供,我将动态渲染在子级中使用v-for='data' in datas...
我想要实现的目标是:当我del-function在子项中按下“删除按钮”=> 时,然后datas在父项中获取删除的项目,并datas在父项中provide进行更新。
datas进行视觉更新。v-for重新渲染。 [!!!]但是当我按下“删除按钮”时,datas更新了,但从视觉上看,没有人被删除。
// parent vue file
<template>
<Reslist/>
</template>
<script>
import Reslist from './components/ResList.vue'
export default {
name: "App",
components: {
Reslist
},
provide() {
return {
datas: this.datas,
delData: this.delData,
};
},
data() {
return {
datas: [
{
id: 1,
name: "wawa",
age: "18",
},
{
id: …Run Code Online (Sandbox Code Playgroud)