list1 name1value1 name2value1 list2 name1value1 name2value1 list3 name1value1 name2value1 status1 taskvalue2017vue3 先定义一个lista和statusa然后从resdata获取下面的json单独提取出来list1和status赋
在Vue 3中,你可以使用reactive函数来定义响应式数据。首先,你需要在Vue组件的setup函数中定义lista和statusa。然后,通过解构赋值的方式从res.data中提取出list1和status,并将它们分别赋值给lista和statusa。以下是示例代码:
import { reactive } from 'vue';
export default {
setup() {
const data = reactive({
lista: [],
statusa: ''
});
// 假设res.data是你的JSON数据
const res = {
data: {
list1: [
{ name: "1", value: "1" },
{ name: "2", value: "1" }
],
list2: [
{ name: "1", value: "1" },
{ name: "2", value: "1" }
],
list3: [
{ name: "1", value: "1" },
{ name: "2", value: "1" }
],
status: "1",
taskvalue: 2017
}
};
// 从res.data中提取list1和status
data.lista = res.data.list1;
data.statusa = res.data.status;
return {
data
};
}
};
现在,lista和statusa将会是响应式的,任何对它们的修改都会自动触发组件的重新渲染
原文地址: https://www.cveoy.top/t/topic/iieW 著作权归作者所有。请勿转载和采集!