vue
文章平均质量分 61
习惯是一种病
这个作者很懒,什么都没留下…
展开
-
electron-vue通过自定义协议唤起并传参数
electron-vue通过自定义协议唤起,并且在协议后面加参数传递到程序中(协议唤起不区分浏览器)。需求为通过链接唤起程序并区分进入不同页面(本文只测试Windows环境)。一、项目背景先有Vue项目,后安装electron并通过electron-builder打包,安装完后会自动生成background.js并在package.json中添加入口,简单看下关键配置不做过多解释:二、注册协议(注册协议和接收参数都在background.js中)在创建窗口createWindow方法中添原创 2022-05-06 11:39:13 · 4123 阅读 · 1 评论 -
阿里巴巴iconfont svg图标不能更改颜色的解决方法,iconfont symbol怎么改颜色
1.svg图标 带有 fill 属性,默认是带有颜色的,想要修改先把原fill颜色去掉,如下:2. 在代码种修改对应颜色即可使用 svg 图标:<svgclass="svg"aria-hidden="true"><usexlink:href="#icon-test"></use></svg>css 修改颜色:.svg{height:20px;width:20px;}.svg:last...原创 2020-10-12 19:08:43 · 5097 阅读 · 0 评论 -
vue-cli创建项目,webpack运行时在 95% emitting CompressionPlugin卡住不动
vue-cli创建项目,webpack运行时在95% emitting CompressionPlugin卡住不动问题:项目中添加了CompressionPlugin(打包压缩)解决:压缩判断下环境,只有线上环境才压缩(我这里正式环境是prod)原创 2020-09-23 14:59:05 · 5538 阅读 · 0 评论 -
nuxt使用swiper,nuxt一个页面使用两个swiper,nuxt关联两个swiper
1.安装swiper npm install vue-awesome-swiper --save2.在plugins下新建vue-swiper.js文件 import Vue from 'vue' import VueAwesomeSwiper from 'vue-awesome-swiper/dist/ssr'...原创 2020-02-29 12:06:13 · 1251 阅读 · 1 评论 -
v-model中使用过滤器
1. v-model不能使用过滤器(filter)的替代或者解决方法;2. 如图:页面中有v-model需要在输入时验证格式的时候(<input v-model='price' />); 3. 官方给出的方法是使用computed,但是多个框时computed不能很好的复用;4. 使用input事件,通过传值验证输入框中的内容(如果有更好的方法欢迎留言(●'...原创 2019-10-12 13:01:58 · 9872 阅读 · 0 评论