动态绑定属性的问题

图片描述
老师，我有点不太理解这个动态绑定的意思。一般来说动态绑定之后右边引号里的应该是一个JS表达式，这个是JS表达式吗？为什么写成下面的格式就不起作用了呢？

        <img class="icons__item__img" src="http://www.dell-lee.com/imgs/vue3/{{item.imgName}}.png"/>

慕勒8540250 2023-12-02

源自：项目：仿京东到家首页开发 2-7 使用v-for, v-html 指令精简页面代码

5

收起

1回答

好帮手慕小李 2023-12-04 09:26:50

同学你好，右边只是做了个模板字符串拼接而已，同学不能实现的原因是因为如下：

祝学习愉快！

提问者慕勒8540250 #1
```
:src="`http://www.dell-lee.com/imgs/vue3/{{item.imgName}}.png`"
```
动态绑定src之后，为什么里面的item.imgName用插值表达式{{xxx}}的写法也不行呢？一定要用${xxx}拼接字符串才行呢？
2023-12-04 13:34:58
好帮手慕小李回复提问者慕勒8540250 #2

为什么要用插值表达式呢？这里只是字符串儿拼接啊。用模板字符串就行了啊。

2023-12-04 14:45:21

相似问题

v-bind数据绑定

静态代码块中创建的对象调用的属性是静态属性吗？

opacityStyle 绑定动态样式问题

绑定数据的问题

请教一个静态属性和实例项属性的区别

登录后可查看更多问答，登录/注册

前端工程师

参与学习人
提交作业 15661 份
解答问题 17891 个

入行前端，是明智的选择！市场需求大，就业前景好，入行门槛低，小白易上手全新升级:技术更新,Vue3.0/TypeScript/React17.x; 技术更全面,从0基础到全栈开发再到大型项目构建

本课精华内容

问答作业

老师,请问vscode有哪些好用的插件推荐一下...

157 1

老师,API具体是指什么呢?

75 1

老师,这两种情况为什么得到的结果不一样?

31 2

没有思路

200 5

老师给点提示。

155 1

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载