vue3 父控件动态改变子控件的值，或者调用子控件的函数
创始人
2025-06-01 17:38:07

序号

子控件

父控件

步骤一

子控件暴露出函数

const location_num = ref(0);

function changeLocation_num(tmpLocation_num) {

console.log("changeLocation_numchangeLocation_num");

  location_num.value = tmpLocation_num;

  console.log("bbbbbbb:" + location_num.value);

}

defineExpose({ changeLocation_num });//暴露出来

步骤二

父控件 需要一个ref=”echarLeftRef”

步骤三

然后还需要个一个全局（父控件）

const echarLeftRef = ref(null);

不能是局部的

步骤四：

function selectMediaId(id) {

  // const echarLeftRef = ref(null);这个必须定义为全局的，而不能是局部的

  echarLeftRef.value.changeLocation_num(id); //给echartLeftRef.value.changeLocation_num 调用

}

上一篇：【MySQL笔记】MySQL之自定义函数和触发器的使用

下一篇：最新或2023（历届）百团大战观后感作文500字汇总 百团大战观后感500字作文题目 关于百团大战观后感的作文800

相关内容

热门资讯

轴承板块活跃 斯菱智驱涨幅居前 　　12月29日消息，截止13:35，轴承板块活跃，五洲新春（维权）涨停，斯菱智驱、力星股份、万向钱...
马上评︱高校推行教师坐班制，有... 大学老师也要开始坐班了？据媒体报道，近年来，教师坐班制在高校呈现扩散趋势，已经有多所高校已陆续推行教...
九号公司跌2.02%，成交额3... 12月29日，九号公司盘中下跌2.02%，截至13:37，报55.72元/股，成交3.17亿元，换手...
洪都航空股价涨5.24%，中欧... 12月29日，洪都航空涨5.24%，截至发稿，报33.94元/股，成交4.61亿元，换手率1.95%...
洪都航空股价涨5.24%，金鹰... 12月29日，洪都航空涨5.24%，截至发稿，报33.94元/股，成交4.65亿元，换手率1.97%...