当前位置:   article > 正文

Vue ElementUI组件Notification使用自定义html,可触发点击事件_vue notification点击事件怎么写

vue notification点击事件怎么写

ElementUI组件Notification自定义HTML

createElement参考地址:https://www.cnblogs.com/vickylinj/p/9566474.html

  1. methods: {
  2. notify() {
  3. this.$notify({
  4. title: '标题',
  5. position: 'right-bottom',
  6. dangerouslyUseHTMLString: true,
  7. message: this.$createElement(
  8. 'div',
  9. {},
  10. [
  11. this.$createElement('p', {}, [
  12. this.$createElement('span', { style: { fontWeight: 'bold', color: 'red' } }, '点击触发vue函数:'),
  13. this.$createElement('a',
  14. {
  15. class: 'send-elink-btn',
  16. on: { click: this.test }
  17. }, '点击调用test函数'),
  18. this.$createElement('a',
  19. {
  20. class: 'send-elink-btn',
  21. on: { click: () => {this.test('222')} }
  22. }, '点击调用test函数带参数'),
  23. ]),
  24. ]
  25. ),
  26. });
  27. },
  28. test(txt) {
  29. console.log(txt)
  30. }
  31. }

 

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/2023面试高手/article/detail/132364
推荐阅读
相关标签
  

闽ICP备14008679号