- 博客(15)
- 收藏
- 关注
RSS订阅原创 h5 解决ios端弹出窗口中输入内容，失去焦点问题
methods: {device: function () { //判断手机类型 const u = navigator.userAgent; //用户代理，声明了浏览器用于 HTTP 请求的用户代理头的值 indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。 const isAndroid = u.indexOf('Androi...
2019-12-06 10:34:35
644
原创 vue 实时搜索 在中文输入法状态多次触发
<input class="weui-flex__item searchInput f-14" type="text" @compositionstart="flag = false" @compositionend="flag = true" v-model.trim="searchName" placeholder="输入选手名称编号进行搜索" @input="search()" /&...
2019-11-07 16:00:09
923
原创 h5 解决软键盘拉起时底部导航隐藏 vue
data中放入footer:0,showHeight: window.innerHeight, //浏览器显示窗口解决思路：主要是display:none样式来动态实现他的显示与隐藏，需放入mounted: function mounted() {}函数中监听mounted: function mounted() { var that = this; w...
2019-11-06 10:49:16
529
原创 h5上传图片并压缩传给后台 base64转为file
主要功能：h5手机端上传图片实现效果如下：介绍：之前开始写是没有思路，只想着上传图片功能，但是本次项目是上传图片点赞活动，每次上传5张照片，所以得压缩照片传给后台，我们后台写的接口只接受文件类型，所以没办法前端的处理，首先将图片压缩为base64类型，但这样就不属于文件类型啦，于是查找个各种资料，让吧base64转为blob,然后blob转为file,于是进行了操作，发现将blob转为...
2019-10-25 15:04:34
1411
原创 vue 分秒倒计时
var app = new Vue({ el: '#app', data: { minutes: 1, //分 seconds: 15, //秒 },computed: { second: function() { return this.num(this.seconds); }, minute: funct...
2019-09-20 16:14:20
424
原创 vue 点击表头可任意排序的表格组件
1.组件内容（我放到了base/commonTable/index.vue下）index.vue<template> <el-table stripe :data="tableProps.tableData" :border="tableProps.border" class="c_el_table" :header-cell-style="getRowCl...
2019-06-20 14:27:26
1892
3
原创 vue 验证input框只能输入正整数
1.在input框加入事件@change="validateNum($event)" :validate-event="true"2.验证方法写在method()里validateNum(value) { //验证只能填入数字 var reg = /(^([-]?)[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^([-]?)(0){1}$)|(...
2019-06-19 15:29:48
6233
1
原创 vue 批量添加组件(Excel导入)
此组件得好处是识别excel的文件。1.首先安装xlsx:npm install xlsx因为该组件是共用组件，很多页面都会用到，因此该组件应该放到components/UploadExcel/index.vue(代码如下)index.vue可根据自己所需按钮来修改样式<template> <div> <input ref...
2019-06-18 16:15:15
2435
1
翻译 vue 弹出框通用模板
介绍：该模板的图片，内容，按钮等都可以动态自定义内容vue页面代码<template> <transition name="confirm-fade"> <div v-if="isShowConfirm" class="my-confirm" @click.stop="clickFun('clickCancel')"> &l...
2019-06-13 16:18:40
2544
原创 element ui 版本升级
安装方法npm install -g npm-check-updates查看最新的版本：npm-check-updates跟随指示输入 ncu -u然后运行更新项目 npm install最后重新启动项目即可 npm run dev可在项目中node_modules下element-ui 下package.json中查看版本状态...
2019-03-27 15:56:56
1576
原创 el-tabel 过滤map
method中：this.goods：{1181041:"哇哈哈",118047:"哎呦喂",1181052:"轰隆隆"}
2019-03-21 11:03:02
162
翻译 element-ui的el-select 显示value对应的label值
v-model里传给后台的值即为 ：value 里的值目前效果：(1)添加时：(2)添加完成后回写效果期望效果：完成过程：首先再data中定义一个值回写数据部分：即可实现，如果是汉字转为数字改为String()参考：https://segmentfault.com/a/1190000016737140?_ea...
2019-03-20 10:46:58
4344
原创 vue项目不支持IE11浏览器解决方法 vuex requires a Promise polyfill in this browser
平时浏览就修改都使用谷歌，没想到又得vue框架会与ie浏览器不兼容，放到IE里不显示报错内容：vuex requires a Promise polyfill in this browser解决方法：安装babel-polyfill，执行命令方法$ npm install --save-dev babel-polyfill然后给webpack.conf.js 引入(有的框架...
2019-03-14 17:12:24
840
原创 Expected indentation of 2 spaces but found 2 tabs vue报错！
这个错误的意思是：预期缩进两个空格，但发现两个制表符解决方法两种：1.因为你设置了eslint，如果你不想有规范的js代码，可以重新初始化关掉eslint。Use ESLint to lint your code? (Y/n) 这一步选no2.修改配置文件，将config目录下index.js中的 ---> useEslint: true, // 改为false即可。 ...
2018-12-18 16:26:29
3405
原创 搭建vue-cli
1.（需要安装的node.js环境，必须具备），然后全局安装的WebPackcmd命令：npm install webpack -g（或者npm install -g webpack）安装完成后输入：webpack -v若出现版本号说明安装成功问题：有时会出现提示安装webpack -cli2.全局安装的Vue-CLIcmd命令：npm install --global vue...
2018-12-18 14:10:06
169
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人