时间戳

首页 > 解决方案 > vue 获取组件内不属于子组件的所有图像

vue.js - vue 获取组件内不属于子组件的所有图像

问题描述

我有一个内联 svg 图像的 vue mixin：

Vue.mixin({
    mounted: function () {
        for (let image of document.images as any) {
            if (!image.src.endsWith('.svg') || (!image.classList.contains('svg') && !image.parentNode.classList.contains('svg'))) continue
            inlineSvg(image)
        }
    }
})

不幸的是，当组件安装时，该函数会在所有图像上调用，而不仅仅是它自己的图像。

我可以用什么替换document.images以仅获取组件内的图像？（不包括子组件的图像，因为它们应该在自己的挂载事件期间处理）

标签： vue.js

解决方案

推荐阅读