Vue 在$notify中添加样式和事件

将dangerouslyUseHTMLString设置为true,就可以添加html代码,从而设置样式。

this.$notify({
dangerouslyUseHTMLString: true,
message:'Add in <span style="font-style: normal;color: #17e1e1;text-decoration: underline;cursor: pointer;" id="messageTrack">My Tracked</span>',
type: 'success',
});


其中设置id是为了添加鼠标点击事件

mounted () {
//监听鼠标点击事件
document.addEventListener('mouseup', (e) => {
let _track = document.getElementById('messageTrack');
if (_track) {
if (_track.contains(e.target)) {
this.toMy();//事件
}
}
});
}

methods: {
toMy () {
//逻辑
}
}

posted @ 2022-06-28 14:26  独自一人的江湖  阅读(2039)  评论(0)    收藏  举报