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 () {
//逻辑
}
}

浙公网安备 33010602011771号