Vue3中页面不能根据props数据动态变化怎么办?
解决方法:使用toRefs结构,使其具有响应式,再使用!
import { reactive, defineProps, toRefs } from 'vue';
const props = defineProps({
xAxisData: {
type: Array,
default: []
},
seriesDataEveryDay: {
type: Array,
default: []
},
seriesDataGu: {
type: Array,
default: []
},
seriesDataPing: {
type: Array,
default: []
},
seriesDataFeng: {
type: Array,
default: []
},
seriesDataHuan: {
type: Array,
default: []
},
graphicText: {
type: String,
default: ''
}
});
// 使用toRefs结构,使其具有响应式
const { xAxisData, seriesDataEveryDay, seriesDataGu, seriesDataPing, seriesDataFeng, seriesDataHuan, graphicText } = toRefs(props);
本文来自博客园,作者:RHCHIK,转载请注明原文链接:https://www.cnblogs.com/suihung/p/17004855.html