Vue中在标签的属性中引用变量值例如title src

Vue中在标签的属性中使用变量值 title中使用vue的变量

我们去练火眼金睛i

3118人浏览 · 2022-08-19 13:33:19

我们去练火眼金睛i · 2022-08-19 13:33:19 发布

Vue初学，因为使用省略号隐藏了超长的内容，使鼠标悬浮显示全部，想给title中添加变量值

Vue中想要在""（带引号的）属性中使用{{ 变量 }}，需要在属性前添加:（冒号）

例如：

<span class="avatarName" :title="item.user.nickname">{{ item.user.nickname }}</span>

<img class="avatarUrl" :src="item.user.avatarUrl" alt="">

属性前添加：就可以直接使用变量值啦，记得引号中不要加大括号

就可以显示啦

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^