美文网首页
vue3 在template中循环获取ref的值

vue3 在template中循环获取ref的值

作者: 勤劳的杯子 | 来源:发表于2024-03-05 13:53 被阅读0次

1.定义ref数组

const nameRefArray = ref([]) 

2.配置ref

<el-input v-model="scope.row.name"
                  :ref="el=>{
                        nameRefArray[scope.$index] = el
                      }" />

3.使用

nextTick(() => {
    // ref已经获取到了
    let refItem = nameRefArray[scope.$index]
    //此处我调用了    使 input 获取焦点  的方法
    refItem.focus()
})

相关文章