element not found 怎么解决,element does not exist
本文主要介绍元素$notify的通知,通过示例代码详细介绍,有一定的参考价值。感兴趣的朋友可以参考一下。
我的初衷是将element-ui的$notify通知封装成一个组件,登录成功后调用get low inventory接口。如果get interfaces列表中的清单大于0,将显示此通知,并在文本中提供click事件。
因此,首先想到的是可以使用dangerouslyUseHTMLString属性插入html字符串。
导出默认值{
方法:{
open12() {
这个。$notify({
标题:“HTML片段”,
dangerouslyUseHTMLString: true,
消息:“strong这是我的id=”显示“HTML/i片段/strong”
});
}
}
}
但是,message中的html字符串实际上不在vue中。比如不能用@click方法绑定事件,要用js的操作dom来绑定。
首先我想到的是在这个组件的挂载方法中获取。
document . query selector(" # show ");
但是这样得到的是null。为什么?
挂载时,这个组件的模板中的dom被挂载。不过这个组件我没有模板,只用了这个。方法中的$notify。安装后,该通知不在应用程序中。
Role="alert "是通知框,所以我们不能把它当作普通的组件。而且它的挂载时间可能是在组件挂载之后,也就是使用Mauted方法的时候,只挂载了组件,但是里面的motify可能还没有,所以是null。
如果要添加js方法,比如绑定事件,就要在html中添加监控,不过要玩得开心。
我这里还是不用notify,因为notify应该是偏向文本显示的通知类。我在这里用notify可能有点不合适。
这就是本文关于元素的$notify点的内容。有关元素$notify的更多信息,请搜索我们以前的文章或继续浏览下面的相关文章。希望大家以后能多多支持我们!
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。