请教一下各位大神,我刚接触vue+element-ui几天,最近自己写了一个模糊查询的input框,现在需要作为项目公共的部分,可以被需要的html引用。
自己的想法是写一个公共的js,哪个html要就引用就行了,但是会有这样的问题:
1.element-ui的写法是:new Vue({el: '#app',别人的页面有这个el:'#app',假如我js里也写el:'#app',那他引用的话功能会用不了,估计是冲突了。
假如我写el: '#pp'那么功能还是没用,因为别人div id就是app,好苦恼!
vue+element-ui如何提取一个自己写的js作为公共js
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
- 邀请回答
-
1条回答 默认 最新
- china_qiqi 2019-01-08 14:15关注
参考 方法1:
挂载到VUE原型上,在全局所有文件均可用,不需要各模块再单独引入 ,比如我在main.js文件里预设了一个全局$emit通信,无论是父子组件还是兄弟组件都能共用的方法 :
import bus from './components/msg/data/bus'
Vue.prototype.bus = bus
当我在其他模块里使用的时候就是:
定义 this.bus.$on("name", (params) => { })
调用 this.bus.$emit('参数','参数2')方法2 :
就是在哪个模块使用到 就在哪引入即可
以上解答的是怎么共享一个公共文件,至于文件内容,为什么还要el:'#app'重复控制VUE控制的盒子,建议参考ES6语法export default 和 import 来实现吧
解决 无用评论 打赏 举报
悬赏问题
- ¥15 cgictest.cgi文件无法访问
- ¥20 删除和修改功能无法调用
- ¥15 kafka topic 所有分副本数修改
- ¥15 小程序中fit格式等运动数据文件怎样实现可视化?(包含心率信息))
- ¥15 如何利用mmdetection3d中的get_flops.py文件计算fcos3d方法的flops?
- ¥40 串口调试助手打开串口后,keil5的代码就停止了
- ¥15 电脑最近经常蓝屏,求大家看看哪的问题
- ¥60 高价有偿求java辅导。工程量较大,价格你定,联系确定辅导后将采纳你的答案。希望能给出完整详细代码,并能解释回答我关于代码的疑问疑问,代码要求如下,联系我会发文档
- ¥50 C++五子棋AI程序编写
- ¥30 求安卓设备利用一个typeC接口,同时实现向pc一边投屏一边上传数据的解决方案。