美文网首页
vue3.0设置dom动态ref值及获取

vue3.0设置dom动态ref值及获取

作者: 花影_62b4 | 来源:发表于2023-04-11 17:33 被阅读0次

    设置动态ref ---- :ref=字符串直接+变量的形式赋值

    <template v-for="(item, i) in stepList" :key="i">
    <h-b-upload
                :ref="'uploadRef' + i"
                accept="image/*"
                :draggable="false"
                :multiple="true"
                :show-upload-list="false"
                :fileList="fileList"
                filePath="/capp/"
                @change="file => changeFile(file, i)"
              ></h-b-upload>
    </template >
    

    setup中获取动态ref ---- instance.refs['uploadRef' + index][0]

    const instance = getCurrentInstance();
    instance.refs['uploadRef' + index][0]
    

    相关文章

      网友评论

          本文标题:vue3.0设置dom动态ref值及获取

          本文链接:https://www.haomeiwen.com/subject/ccngddtx.html