vue elementui 上传的文件显示title

最新推荐文章于 2023-07-26 09:44:27 发布

原创最新推荐文章于 2023-07-26 09:44:27 发布 · 468 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #elementui #javascript

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

 // 上传文件 添加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
                    }
                }
            })
        },