Vue3.0中如何动态设置ref

html中：<div :ref="`Ref${index}`"></div>script中：import { getCurrentInstance } from "vue";const ctx = getCurrentInstance();需要使用动态ref的函数中：ctx.refs[`Ref${index}`].function();

你算哪块夹心小饼干

2669人浏览 · 2022-01-07 16:01:21

你算哪块夹心小饼干 · 2022-01-07 16:01:21 发布

html中：
<div :ref="`Ref${index}`"></div>

script中：
import { getCurrentInstance } from "vue";
const ctx = getCurrentInstance();

需要使用动态ref的函数中：
ctx.refs[`Ref${index}`].function();

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}$/, //不连续的两位字母// /^