最近项目里面有个导航栏，里面的每个导航标题前面有个icon图标，图标是存放在assets里面的,最开始的写法如下
1
2
3
4
5
6
7
8
9
10
11
12
13
14
| data(){
return {
nav: [
{
name: '导航A',
icon: '~assets/img/a.png'
},
{
name: '导航B',
icon: '~assets/img/b.png'
}
]
}
}
|
但是这是遍历到dom里面，直接渲染为<img src ='~assets/img/a.png'>,于是换了一种写法换成了相对路径，
1
2
3
4
5
6
7
8
9
10
11
12
13
14
| data(){
return {
nav: [
{
name: '导航A',
icon: '../../assets/img/a.png'
},
{
name: '导航B',
icon: '../../assets/img/b.png'
}
]
}
}
|
但是仍然不奏效，google了一翻解决了bug,正确的写法如下
1
2
3
4
5
6
7
8
9
10
11
12
13
14
| data(){
return {
nav: [
{
name: '导航A',
icon: require('../../assets/img/a.png')
},
{
name: '导航B',
icon: require('../../assets/img/b.png')
}
]
}
}
|