gpt4 book ai didi

vue.js - Vue 3 - Vue.delete 替代方案

转载 作者:行者123 更新时间:2023-12-04 01:06:17 29 4
gpt4 key购买 nike

Vue.delete 的替代方案是什么?在 Vue 3 的新 Reactivity API 中?

最佳答案

Vue.deleteVue.set在 Vue 3 中不需要。通过使用代理的新 react 系统,Vue 能够检测对 react 数据的所有更改。
您可以使用 JavaScript 的 delete运算符(operator):

delete obj[key]
这是一个 Vue 3 演示,使用 vanilla JavaScript 删除和添加对象属性:

const { createApp, reactive } = Vue;
const app = createApp({
setup() {
const obj = reactive({ a: 1, b: 2, c: 3 })
return { obj }
}
});
app.mount("#app");
<div id="app">
Object: {{ obj }}
<hr>
<template v-for="(item, key) in obj">
<button @click="delete obj[key]">Delete key {{ key }}</button>
</template>
<button @click="obj['z'] = 'Added'">Add key z</button>
</div>

<script src="https://unpkg.com/vue@next"></script>

关于vue.js - Vue 3 - Vue.delete 替代方案,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/66304282/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com