vue 中多个 ref 怎么获取

1.网上有解决循环 ref 的问题，使用 :ref = "`name${ index }`",获取用 this.$refs[ `name${ index }` ],难点在于多段经历，循环产生多组动作面板包含的时间选择器，ref 会获取为数组。时间选择器包含在动作面板中，包括开始时间和结束时间的选择。需要在点击时间选择器的 “取消” 时，控制动作面板关闭。但是我是循环外层，每

海绵宝宝Ellen

2824人浏览 · 2022-09-13 15:29:39

海绵宝宝Ellen · 2022-09-13 15:29:39 发布

问题：

时间选择器包含在动作面板中，包括开始时间和结束时间的选择。

需要在点击时间选择器的 “取消” 时，控制动作面板关闭。

难点在于多段经历，循环产生多组动作面板包含的时间选择器，ref 会获取为数组。

解决：

1.网上有解决循环 ref 的问题，使用 :ref = "`name${ index }`",获取用 this.$refs[ `name${ index }` ],

但是我是循环外层，每个循环中有就有两个 ref

2.参照第一种思路，多给一个参数区分ref

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

Vue

echarts堆叠柱状图

Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...