- 博客(24)
- 收藏
- 关注
RSS订阅原创 前端调取微信扫码功能 weixin-js-sdk
1.安装依赖：npm install --save weixin-js-sdk2.页面引用包含扫码按钮的页面<scanCode @sendCode=“sendCode” />引入import scanCode from ‘@/components/scanCodeEnterGoods.vue’components: {scanCode}sendCode (code) {//alert(code) 扫码结果//调用后台接口获取数据this.axios.get(this.a
2020-11-16 10:22:45
603
原创 前端精度问题处理
做项目的时候发现，vue获取input的输入数据有误差比如输入19.9，传值时变成19.89解决方案：使用parseFloat、toFixed解决a 需要处理的数据parseFloat((a* 100).toFixed(10))
2020-11-16 10:11:39
697
原创 vue引用‘jquery‘
vant框架，在input 的placeholder做绑定的时候，发现提示语不起作用，查了一下需要用到JQ这里就当作vue引用’jquery’的教程把，把处理绑定input提示语放后面了1.安装依赖：npm install jquery2.vue页面引用页面引入import $ from 'jquery’3.使用jq主要处理代码：KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲date").on("inpu…(thi
2020-11-15 15:41:10
120
原创 Vue 解决Cannot assign to read only property ‘exports‘ of object ‘#＜Object＞‘
某js文件引用其他js文件发现问题：没有引入import之前是对的，引入之后就报错了！！！但是单独使用又没有问题！！！错误原因：vue项目的 文件中 import 和module.exports 不能混用解决：把module.exports 改为export default就可以了破问题，坑死俺了！...
2020-11-15 15:32:18
3685
原创 vue处理：过滤器filters中不能引用this
一般有错误，会导致页面不展示对应数据处理方法：1.声明对象2.创建页面是赋值3.引用时，直接像平时使用this一样就可以了
2020-11-15 15:28:35
611
原创 Cannot read property ‘i18n‘ of undefined
原因：i18n没有引入文件 报错注：@ 会自动定位到src文件路径
2020-11-15 15:22:27
1829
原创 vue使用MD5加密
npm install --save js-md5main.jsimport md5 from “js-md5”// MD5加密方法Vue.prototype.$getSign = function(str){let arr = []for (let key in str) {arr.push(key + ‘=’ + str[key])}arr = arr.sort().join(’&’)return md5(arr + ‘&key=WEIMI2020613’).toUp
2020-11-15 15:19:43
231
原创 Vue 移动端一般用到的配置
1.禁止缩放网页项目目录下的index.html文件添加meta属性：user-scalable=nowidth // 设置 viewport 的宽度，正整数/字符串 device-widthheight // 设置 viewport 的高度，正整数/字符串 device-heightinitial-scale // 设置设备宽度与 viewport大小之间的缩放比例，0.0-10.0之间的正数maximum-scale // 设置最大缩放系数，0.0-10.0之间的正数minimum-s
2020-11-15 15:01:54
180
原创 前端vue使用crypto-js对登录信息加密
步骤：1、npm install crypto-js -D 引入加密依赖2、引入index.js文件3、importcryptoJSObjfrom'./index.js'在要使用加密的vue页面中引入index.js中的加密对象cryptoJSObj4.使用cryptoJSObj.encryptFunc(用户输入的密码,'123456789GFEDCBA')对用户密码进行加密处理=============================================应用====...
2020-05-25 17:39:12
1187
原创 elementUI el-input关键字模糊查询el-table数据 不改变原始数据
1.源代码：需要一个 el-input 和el-table>>dormitoryTable>>:data="tables" 绑定的数据>>tableData: [] 声明并初始化表格数据，记得添加对应数，我这里是在初始化的时候以及获取了后端传给的数据2.在computed中添加模糊搜索方法tables// 模糊搜索 tables() { const search = this....
2020-05-25 17:17:49
1569
5
原创 vue 项目设置局域网IP地址访配置
为了方便项目的开发进展，可以设置同一局域网访问本地ip地址---菜鸟一枚，写得超级详细1.cmd打开命令指示符：ipconfig/all 查看自己的IP地址2.修改config文件中找到 index.js 文件的host改成 IP地址：192.168.1.1663. 修改项目文件夹下的package.json 文件配置，scripts.dev配置在默认的情况下加上 --host 192.168.1.166完整写法：注意：package.json比较特殊，不可有注释条目，不
2020-05-11 16:39:47
1863
原创 vue的回车键触发事件不响应问题
(1)按钮设置回车键事件时，》》如果是input（常规组件），则 @keyup.enter="onSubmit" 》》如果设el-input（elementUI组件），则要添加.native ====》即 @keyup.enter.native="onSubmit"（2）methods中的处理事件：onSubmit: function(ev) { if(ev.keyCode == 13) { //处理数据代码 }}...
2020-05-11 16:32:47
1509
原创 vue页面引用echart的词云图
效果图（1）安装依赖npm install echartsnpm install echarts-wordcloud（2）main.js加入 import echarts from 'echarts' Vue.prototype.$echarts = echarts（3）在新建的echar.vue页面中添加以下div和样式div:绑定词云图的数据&...
2020-04-27 20:04:43
1784
1
原创 http://eslint.org/docs/rules/no-trailing-spaces Trailing spaces not allowed vue运行时报错
vue项目运行时，报有关no-trailing-spaces的错误。原因是：config/index.js文件配置为useEslint: false, 此处把 flase改为true即可
2020-03-17 14:52:37
1508
原创 创建Vue项目时提示错误：Sorry, name can no longer contain capital letters.
百度翻译：抱歉，名称不能再包含大写字母。Vue创建项目时，项目名称不能使用大写字母。项目名称改为小写字母，就创建成功了！
2020-03-17 14:13:08
1092
原创 vue中 element-ui 的 el-input 的回车键监听事件的几种方法
（1）@keyup.enter.native绑定监听事件组件：<el-input v-model="input1" @keyup.enter.native="submit1"></el-input>监听事件：submit1: function(event) { alert("1.您输入的数据为：" + this.input1 ...
2020-01-14 16:08:53
2835
原创 前端 英文时间格式转化为中文时间格式
后端传过来的时间格式是英文时间格式2.更改格式代码，formatdate(time)函数写在methods内formatdate(time) { var d = new Date(time); var curr_date = d.getDate();...
2020-01-13 10:37:39
1772
原创 element ui Loading 加载的使用
（1）调用后台接口获取数据时，启动loading加载，启动代码如下：const loadingObj = this.$loading({ lock: true, text: '加载中...',...
2020-01-13 10:35:19
1280
原创 element ui 表格table组件 动态表头自定义渲染
常规的引用绑定方法由于项目要设置动态表头，所以不能用常规的方法直接引用组件，需要对表头数据进行自定义处理1.引用 el-table2.tableData2的字段属性和tableLabel的prop对应（tableLabel有的tableData2也要有，是关联赋值的关系）...
2020-01-10 10:12:06
1943
原创 nginx 部署vue项目
项目》config》index.js在build中设置assetsPublicPath项目路径（2）项目》build》webpack.prod.conf.js生产文件修改BASE_URL（3）cmd 命令提示符进入本机该项目，打包项目（4）安装以下两个软件，运行（5）FileZilla—页面数据信息：重新部署文件时，把最新的1直接拖动到2里边...
2020-01-01 22:01:17
152
原创 element ui 防止多次触发按钮单击事件（或防止多次提交数据）
添加提示，使按钮点击提交数据时，按钮不可以再操作，防止数据重复提交，防止多次触发事件提交数据给后端时，点击提交后，整个页面都应该处于不可操作的状态，在表单的中间位置显示对应提示，可以让用户知道自己所做的操作。（1）按钮单击时触发的事件：@click=“tijiao()”（2）在单击事件内添加提示信息的代码（3）在单击事件的处理代码结束后，关闭提示信息：loadingObj.close(...
2019-12-30 10:44:19
5208
原创 Vue子组件监听父组件传值
父组件xiaozhushouInput.vue引用子组件xianshidaan.vue<template><xianshidaan v-show="!isxsinput" @watchChild="parentReceive" v-bind:searchdatas="searchdatas"></xianshidaan></templa...
2019-12-11 09:43:09
2705
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人