小编Mik*_*i U的帖子

Vue3-[提供和注入]当数据更改时,不进行视觉更新,我使用filter()删除数组中的项目

我是测试provide and inject方法。我将datas,del-function在父级中提供,我将动态渲染在子级中使用v-for='data' in datas...

我想要实现的目标是:当我del-function在子项中按下“删除按钮”=> 时,然后datas在父项中获取删除的项目,并datas在父项中provide进行更新。

然后孩子开始datas进行视觉更新。v-for重新渲染。 [!!!]

但是当我按下“删除按钮”时,datas更新了,但从视觉上看,没有人被删除。

v-用于渲染卡

// 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)

javascript vue.js vue-component vuejs3

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

标签 统计

javascript ×1

vue-component ×1

vue.js ×1

vuejs3 ×1