1. 在template 中直接固定的引入
<img src="../assets/logo.png">
2. 把图片放static 目录,直接通过data引入
// template
<img v-bind:src=imgSrc>
// srcipt
export default {
data () {
return {
imgSrc: '../static/launch.png'
};
}
3. 如果放在其它目录,直接通过data引入,则需要如下引入
require('../assets/launch.png')` 或者 `import logo from '../assets/logo.png'
// template
<img v-bind:src=imgSrc>
// srcipt
export default {
data () {
return {
imgSrc: require('../assets/launch.png')
};
}
};
import logo from '../assets/logo.png
// template
<img v-bind:src=imgSrc>
// srcipt
export default {
data () {
return {
imgSrc: logo
};
}
4706
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
