vue中循环遍历data中url

vue中循环遍历data中url图片不显示

HTML部分代码

<li v-for="(items,index) in msg"  :key="index">
			<img :src="items.url" />  
			<p>{{items.title}}</p>
</li>

data数据

//错误示范
data(){
		return{
			msg:[
				{url:"../assets/img/icn01.png",title:"业务告知单"},
				{url:"../assets/img/icn02.png",title:"业务指南"},
			]
		}
	},

将代码更改为

data(){
		return{
			msg:[
				{url:require("../assets/img/icn01.png"),title:"业务告知单"},
				{url:require("../assets/img/icn02.png"),title:"业务指南"},
			]
		}
	},