![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
穿着校服逛酒吧
前端小白一枚,只是做一些笔记而已
展开
-
h5 解决ios端弹出窗口中输入内容,失去焦点问题
methods: {device: function () { //判断手机类型 const u = navigator.userAgent; //用户代理,声明了浏览器用于 HTTP 请求的用户代理头的值 indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。 const isAndroid = u.indexOf('Androi...原创 2019-12-06 10:34:35 · 677 阅读 · 0 评论 -
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 · 947 阅读 · 0 评论 -
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 · 560 阅读 · 0 评论 -
h5上传图片并压缩传给后台 base64转为file
主要功能:h5手机端上传图片实现效果如下:介绍:之前开始写是没有思路,只想着上传图片功能,但是本次项目是上传图片点赞活动,每次上传5张照片,所以得压缩照片传给后台,我们后台写的接口只接受文件类型,所以没办法前端的处理,首先将图片压缩为base64类型,但这样就不属于文件类型啦,于是查找个各种资料,让吧base64转为blob,然后blob转为file,于是进行了操作,发现将blob转为...原创 2019-10-25 15:04:34 · 1451 阅读 · 0 评论 -
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 · 437 阅读 · 0 评论 -
vue 批量添加组件(Excel导入)
此组件得好处是识别excel的文件。1.首先安装xlsx:npm install xlsx因为该组件是共用组件,很多页面都会用到,因此该组件应该放到components/UploadExcel/index.vue(代码如下)index.vue可根据自己所需按钮来修改样式<template> <div> <input ref...原创 2019-06-18 16:15:15 · 2465 阅读 · 1 评论 -
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 · 1927 阅读 · 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 · 6291 阅读 · 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 · 2580 阅读 · 0 评论 -
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 · 1612 阅读 · 0 评论 -
el-tabel 过滤map
method中:this.goods:{1181041:"哇哈哈",118047:"哎呦喂",1181052:"轰隆隆"}原创 2019-03-21 11:03:02 · 179 阅读 · 0 评论 -
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 · 4365 阅读 · 0 评论 -
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 · 857 阅读 · 0 评论