vue3 父控件动态改变子控件的值,或者调用子控件的函数

序号

子控件

父控件

步骤一

子控件暴露出函数

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 调用

}

你可能感兴趣的:(javascript,开发语言,ecmascript,前端)