vite循环动态添加img路径

最新推荐文章于 2024-06-13 16:15:02 发布

愤怒的小郭

最新推荐文章于 2024-06-13 16:15:02 发布

阅读量751

点赞数

文章标签： css3 css javascript

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/weixin_44132285/article/details/121875115

版权

1.用方法调用自动生成可识别的路径

 setup() {
            const getImageUrl = (index) => {
                return new URL(`../../assets/yjjyTwo/active_${index+1}.png`, import.meta.url).href
            }
            const getImageUrls = (name) => {
                return new URL(`../../assets/yjjyTwo/${name}`, import.meta.url).href
            }
            return {
                getImageUrl,
                getImageUrls
            }
        },

在这里插入图片描述
.2.循环调用的时候传递图片路径

在这里插入图片描述

愤怒的小郭

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
2
评论
vite循环动态添加img路径

1.用方法调用自动生成可识别的路径 setup() { const getImageUrl = (index) => { return new URL(`../../assets/yjjyTwo/active_${index+1}.png`, import.meta.url).href } const getImageUrls = (name) => { re
复制链接

扫一扫

愤怒的小郭 CSDN认证博客专家 CSDN认证企业博客

码龄6年

19: 原创

106万+: 周排名

60万+: 总排名

6万+: 访问

: 等级

230: 积分

9: 粉丝

23: 获赞

23: 评论

54: 收藏

私信

关注

热门文章

最新评论

vue 组件递归后$emit传值失效的问题（这里提供三个解决思路，建议使用最后一个）
W_Y_Xiang: 在vue3中，使用options的写法，对递归的组件添加v-bind="$attrs"属性；组合式的写法，v-bind="$attrs"不起作用；vue3中v-on="$listeners"已被移出，无法使用
vue 组件递归后$emit传值失效的问题（这里提供三个解决思路，建议使用最后一个）
muzelLee: vue3.0中依旧不生效
vue 组件递归后$emit传值失效的问题（这里提供三个解决思路，建议使用最后一个）
qq_490824614: 可以可以，我正在考虑用vuex来着，没想到还有这个特殊方式，正好解决我的问题
vue 组件递归后$emit传值失效的问题（这里提供三个解决思路，建议使用最后一个）
愤怒的小郭: 有啥问题吗
vue 组件递归后$emit传值失效的问题（这里提供三个解决思路，建议使用最后一个）
Ander@: <template> <van-collapse ref="tree" v-model="activeNames" v-for="item in props.treeData" :key="item.rowId" >  <template v-if="item.isLeaf"> <van-collapse-item :name="item.rowId" :title="item.titleName" @change="onChange" @click.stop="clickItem(item)" >  <tree-nav v-bind="$attrs" v-on="$listeners" v-if="item.children" :tree-data="item.children" @clickItem="emits('clickItem', $event)" ></tree-nav> </van-collapse-item> </template> <template v-else> <van-cell> <span>{{ item.titleName }}</span></van-cell > </template> </van-collapse> </template> 我写的有问题吗，

您愿意向朋友推荐“博客详情页”吗？

强烈不推荐
不推荐
一般般
推荐
强烈推荐

提交

最新文章

目录

评论 2

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。