我懒,所以没有绑定失败的例子。
正确绑定图片方式如下,直接上代码:
<template>
<div id="app">
<img alt="Vue logo" :src="imgUrl" />
</div>
</template>
<script>
export default {
name: "App",
data() {
return {
imgUrl:require( './assets/123.jpg')
};
}
};
</script>
效果图:
我懒,所以没有绑定失败的例子。
正确绑定图片方式如下,直接上代码:
<template>
<div id="app">
<img alt="Vue logo" :src="imgUrl" />
</div>
</template>
<script>
export default {
name: "App",
data() {
return {
imgUrl:require( './assets/123.jpg')
};
}
};
</script>
效果图: