vueCli项目学习材料
空、
这个作者很懒,什么都没留下…
展开
-
关于electron + vue3 打包所遇见问题
②在vue,config.js文件中配置 preload打包文件位置。1.外置脚本preload.js 没有打进去。①packground.js中配置。解决:使用hash路由模式。2.打包后路由识别失败。原创 2023-02-08 11:50:12 · 1043 阅读 · 0 评论 -
fultter webview 嵌套 H5, js调用不到fultter方法问题
如题,在与fultter所写app 传输数据时,发现找不到fultter所定义方法排查原因:异步回调中访问 fultter所定义方法 失败思考:可能是 所属域不同 , 用window调用也不行,有知道的大佬请告知一下解决:将调用方法 拿出来 另起按钮调用,不与异步回调同时使用<div class="btn btnPramy tyBtn" @click="cspdf">确定</div> cspdf () { let data = JSON.strin原创 2021-04-07 11:04:47 · 147 阅读 · 0 评论 -
elementUI icon图标 动态菜单 打包后不显示问题
如题出现上诉问题,经过多方查证未果,最后排查出 外加class样式影响了 icon显示源代码<i :class="'iconfont '+item.meta.icon"></i><style lang="less" scoped> .iconfont { color: #ffffff; margin-right: 10px; }</style>现代码<i :class="item.meta.icon"><原创 2021-04-05 16:19:11 · 694 阅读 · 0 评论 -
vue 下定时器与渲染页面方法通用 执行指数形式重复调用的问题 (setInterval,this.$set,this.$forceUpdate())
问题很好理解,在业务环境需要的情况下,进入页面即执行,如做倒计时把拥有定时器和渲染页面数据this.set,this.set,this.set,this.forceUpdate()函数,放在一起的时候出现了问题:即在执行渲染函数时,页面重新生成了新的定时器,所以会造成 指数形式重复调用解决问题:1.只有一个定时器时,吧定时器定义到window下,执行前先行判断,如果有则不再创建,或者删除if(!window.setTime){ window.setTime = setInterval(this.原创 2021-01-28 10:06:18 · 769 阅读 · 0 评论 -
个人npm 库的建立 - vue组件库
工作中难免有复用组件,只是复制代码的话,过于繁琐还不宜保存,故了想到了建立自己的npm包,封装常用的组件类。此篇文章中只谈vue-cli3.0下如何快速创建库,原生创建留到下一篇文章中...原创 2019-12-06 13:43:16 · 205 阅读 · 0 评论 -
组件与v-model
写插件的时候,好多时候子组件需要主动修改父组件的值,或者绑定。这时候再用单纯的父子组件通信显得不合适,最好是让父组件不再过多的自己去操作数据,不然就不像一个本分的组件了,这时候就需要v-model。!子组件:this.$emit(‘自定义属性’, data.ids)父组件:<z-select @自定义属性=‘方法’/>v-model父组件写法:绑定一个datadat...转载 2019-12-05 16:51:03 · 118 阅读 · 0 评论 -
vue-cli3.0+postcss-px-to-viewport vw的适配
在距离上次写flexible适配pc手机端已经一月有余了,发现了其中不好的地方:1.flexible适配需要依靠dpr,苹果dpr在各类型号中大致相同,但安卓有于品牌过多,dpr千奇百怪。故flexible本身只适配了苹果手机,并没有适配安卓2.vw现在已被大部分游览器兼容,而且运用在vue项目上也更加简单明了一、安装postcss-px-to-viewportnpm i postcss-...原创 2019-10-16 16:00:31 · 757 阅读 · 0 评论 -
Vue-cli使用prerender-spa-plugin插件预渲染的问题
网上已经有很完整的如何使用vue-cli 与 prerender-spa-plugin插件预渲染,这里就不做记录了需要记录的是:预渲染出来的页面是静态的,所以不要动不动就把‘/’路径做预渲染,你会发现上架服务器后什么都点不了我的处理方式是,另写路由来实现渲染 不影响本来项目路由中//预渲染路径{ path: '/yuHome', component: resolve =>...原创 2019-09-29 15:26:29 · 953 阅读 · 1 评论 -
关于vue页面 刷新后变为空白页的问题
描述:在现做项目中,由于公司需要求vue-router模式需要更改为 history模式,发现二级路由刷新直接白屏打开控制台发现报错经排查发现:history模式时,以/开头的嵌套路径会被当做根据经故: 更改vue.confige.jsbaseUrl: '/',而在hash模式时,项目的根目录是不变的应为baseUrl: './',...原创 2019-09-25 15:19:36 · 7922 阅读 · 0 评论 -
vue react PC/移动端 lib-flexible postcss-px2rem 一套自适应方法
安装 lib-flexible postcss-px2rem 两个包npm i lib-flexible --savenpm i postcss-px2rem --savevue 在main.js 中引入,react 在index.js 中引入import 'lib-flexible'modul文件夹中找到 lib-flexible ->flexible.js functi...原创 2019-09-04 13:56:51 · 1438 阅读 · 0 评论 -
vue修改值成功后不渲染页面
可能是你数据的层级太深和没有触发自动渲染需手动渲染this.$forceUpdate();原创 2019-08-21 11:33:15 · 1344 阅读 · 0 评论 -
vue+store 的模块导入学习
由于项目用不到太多store中的数据转换,故以前都是直接写的store代码没有引用,调用可谈,用在简单项目上也着是方便。近期分析了vue-elementui-admin代码后,学习到了好的store代码的使用方式,故此记录首先从目录上modules中存放store逻辑代码getters.js中获取到modules中的各种数据const getters = { sidebar: s...原创 2019-08-03 10:38:41 · 1466 阅读 · 0 评论 -
VUE拓展学习之provide/inject的父组件与子组件传值
provide / inject这对选项需要一起使用,以允许一个祖先组件向其所有子孙后代注入一个依赖,不论组件层次有多深,并在起上下游关系成立的时间里始终生效。provide:一个对象或返回一个对象的函数inject:一个字符串数组,或 一个对象,对象的 key 是本地的绑定名父组件:定义provide 属性:值provide: { for:'demo' }子组件:定义inje...原创 2019-08-03 09:20:30 · 1153 阅读 · 0 评论 -
VUE+自定义表单验证组件
在使用vue写了几个项目之后,发现为了某一个功能而引入一个组件不值得,于是便学习了一下,写自定义标签也便于自己去理解大团队们的组件运行机制。man.js中定义Vue.directive('checkParam',{ //从官方文档中可知inserted为钩子函数 // inserted:被绑定元素插入父节点时调用 (仅保证父节点存在,但不一定已被插入文档中)。 insert...转载 2019-06-10 15:26:07 · 2895 阅读 · 0 评论 -
如何在Vue项目中使用vw实现移动端适配
要使用这几个插件,先要进行安装:npm i postcss-aspect-ratio-mini postcss-px-to-viewport postcss-write-svg postcss-cssnext postcss-viewport-units cssnano --S 安装成功之后,在项目根目录下的package.json文件中,可以看到新安装的依赖包 "dependenc...转载 2019-02-11 15:20:01 · 553 阅读 · 0 评论