vue2 我自己写的弹窗组件,弹窗在页面里显示后,原JS文件失效,怎么回事?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue2 我自己写的弹窗组件,弹窗在页面里显示后,原JS文件失效,怎么回事?相关的知识,希望对你有一定的参考价值。

vue2 我自己写的弹窗组件,弹窗在页面里显示后,原JS文件失效,怎么回事?
为啥只能在弹窗的vue文件写JS呢,不能在公共JS里写呢

参考技术A 框架冲突。(jQ和vue冲突)本回答被提问者采纳

vue + elementui 中的弹窗组件封装成公共组件

如果一个弹窗比较简单,可以直接放在页面中,通过visible属性的true,false控制显示隐藏就可以了,我们今天要说的是将个比较复杂的弹窗组件封装成全局组件,然后可以在项目中的任何一个页面引用

1.首先要注册个全局组件,用下面的全局API  Vue.component('my-component', { /* ... */ })

在js文件中首先引入这个弹窗组件,组件名称是iesPersonRadioDialog,项目中会引入一个js文件,这个js文件中在分别引入其他的js,模块化开发嘛,哈哈哈~~

我们都知道,vue中如果想引入插件,可以用Vue.use(XXX),当然这个XXX要有个install方法才可以。。可以去查文档~~

2.写这个公共组件的页面(很多内容被我折叠收起了。。。)

3.在其他页面调用这个弹窗

以上是关于vue2 我自己写的弹窗组件,弹窗在页面里显示后,原JS文件失效,怎么回事?的主要内容,如果未能解决你的问题,请参考以下文章

用vue2.x注册一个全局的弹窗alert组件

vue鼠标悬停显示弹窗 如果弹窗在最下边

vue + elementui 中的弹窗组件封装成公共组件

VUE2——事件驱动弹窗

vue + elementui 中的弹窗组件封装成公共组件

vue + elementui 中的弹窗组件封装成公共组件