vue的image标签中src引用变量出现的问题

在引用变量使用{{变量名}}会出现把{{}}当字符串解析

会将{{}}解析成%7B%B%7D%7D而不是变量值
这是需要用:

在data中声明并且将变量名赋值给src

data() {
return {
msg: "图片加载于" + new Date().toLocaleString(),
src: require("../assets/logo.png")//或者是直接连接的网址
}
},

同样的a标签的href也可以用同样方法是href里的{{}}不能解析得到解决

<a v-bind:href="url">{{ name }}</a> <

在data中添加声明url

data() {
return {
name: "百度",
url: "https://www.baidu.com/",
}
},