iview使用notice通知提醒使用render函数添加a标签href和点击事件,this.$Notice.close获取不到key

2 篇文章 0 订阅
1 篇文章 0 订阅

需求:
进入系统弹出提示,点击提示框超链接跳转页面关闭提示框。
实现代码:

infotxt() {
				this.$Notice.info({
					title: '您有待接收的任务~',
					key: 'model',
					duration: 0,
					render: h => {
						return h('a', {
							attrs: {
								href: 'www.baidu.com'
							},
							on: {
								click: () => {
									this.$Notice.close('model');
								}
							}
						}, '前往查看')
					}
				});
			},

原来我是这么写的,但是弹窗的关闭方法不生效,我看官方文档是这么写的如下图:文档是说通过传入唯一标识key来执行销毁通知方法的

文档说的是通过传入唯一标识key来执行销毁通知方法的,但是却取不到key,我就打印了下$Notice然后看到里面根本就没有key这个属性,到是有一个name属性,而且打开组件的close方法的实现,可以看到是基于name作为传入参数实现的。如下图:
在这里插入图片描述
然后我把代码中key改为name就可以了:

infotxt() {
				this.$Notice.info({
					title: '您有待接收的任务~',
					name: 'model',//key改为name
					duration: 0,
					render: h => {
						return h('a', {
							attrs: {
								href: 'www.baidu.com'
							},
							on: {
								click: () => {
									this.$Notice.close('model');
								}
							}
						}, '前往查看')
					}
				});
			},

不知道是不是写错了还是什么原因,搞不懂文档为什么写的用key属性,然后我看了下另一个文档,另一个没错,说的是用name。下面是两个文档链接:
属性为key的:(错的)
https://iview.github.io/docs/guide/install
属性为name的:(对的)
https://www.iviewui.com/components/notice

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值