<img :src="img"> 再赋值 this.img = "../../img/dog.png" 这样可以吗
时间: 2023-12-05 21:25:33 浏览: 112
可以的。Vue.js中的`:src`是一个动态绑定的属性,可以通过`v-bind`或者简写的冒号语法来绑定一个变量。因此,您可以在Vue组件的`data`选项中定义一个名为`img`的变量,并在组件中使用`:src="img"`来动态绑定图片路径。在需要修改图片路径时,只需要在Vue实例中使用`this.img`来更新该变量的值即可。
例如,您可以这样定义Vue组件:
```
<template>
<div>
<img :src="img">
</div>
</template>
<script>
export default {
data() {
return {
img: "../../img/dog.png"
}
},
methods: {
updateImg() {
this.img = "../../img/cat.png";
}
}
}
</script>
```
在上面的示例中,我们定义了一个名为`img`的变量,并在组件中使用`:src="img"`来动态绑定图片路径。在`updateImg`方法中,我们可以通过`this.img`来修改图片路径,从而更新显示的图片。
阅读全文