vue elementui 上传的文件显示title

随便叫个啥呢

于 2023-03-20 16:24:42 发布

阅读量445

点赞数

CC 4.0 BY-SA版权

文章标签： vue.js elementui javascript

本文链接：https://blog.youkuaiyun.com/wanglj7525/article/details/129670327

该代码段是一个JavaScript方法，用于在文件上传后设置列表中每个文件元素的title属性。它首先使用`$nextTick`确保DOM更新后执行，然后遍历所有带有el-upload-list__item-name类的元素，获取其innerText作为文件名，并将其设置为元素的title。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 // 上传文件 添加title
        fileTick() {
            this.$nextTick(() => {
                let fileElementList = document.getElementsByClassName('el-upload-list__item-name');
                if (fileElementList && fileElementList.length > 0) {
                    for (let ele of fileElementList) {
                        let fileName = ele.innerText;
                        ele.title = fileName
                    }
                }
            })
        },