now use the Notice component of iView as a floating layer for notifications. The content of this panel is required to contain the data in the list requested by the background. There is no way to use the v-for command with JSX, so how to render the list here.
The code is as follows:
export default ({
data() {
return {
noticeList: []//list
}
},
methods: {
showInformList() {
this.$Notice.open({
title:"",
desc:"",
duration:0,
render(){
return (
<div>
<ul>
**<li v-for =(item,index) in noticeList> {{item.name}}</li>**
//v-forli
</ul>
</div>
)
}
})
}
}
})
the effect you want to achieve is as follows:
