![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue前端
文章平均质量分 85
Lisa_Xiaotouzi
这个作者很懒,什么都没留下…
展开
-
【无标题】
在JavaScript 中,对数值进行四含五入操作的场景有以下几种原创 2022-12-20 16:03:01 · 500 阅读 · 1 评论 -
前端调取微信扫码功能 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 · 626 阅读 · 0 评论 -
vue使用拖拽组件vuedraggable
1.npm install --save vuedraggable2.页面引用原创 2020-11-15 15:56:10 · 399 阅读 · 0 评论 -
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 · 124 阅读 · 0 评论 -
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 · 3983 阅读 · 0 评论 -
vue处理:过滤器filters中不能引用this
一般有错误,会导致页面不展示对应数据处理方法:1.声明对象2.创建页面是赋值3.引用时,直接像平时使用this一样就可以了原创 2020-11-15 15:28:35 · 618 阅读 · 0 评论 -
Cannot read property ‘i18n‘ of undefined
原因:i18n没有引入文件 报错注:@ 会自动定位到src文件路径原创 2020-11-15 15:22:27 · 1889 阅读 · 0 评论 -
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 · 195 阅读 · 0 评论 -
前端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 · 1210 阅读 · 0 评论 -
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 · 1610 阅读 · 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 · 1971 阅读 · 0 评论 -
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 · 1591 阅读 · 0 评论 -
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 · 1806 阅读 · 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 · 1524 阅读 · 0 评论 -
创建Vue项目时提示错误:Sorry, name can no longer contain capital letters.
百度翻译:抱歉,名称不能再包含大写字母。Vue创建项目时,项目名称不能使用大写字母。项目名称改为小写字母,就创建成功了!原创 2020-03-17 14:13:08 · 1160 阅读 · 0 评论 -
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 · 3069 阅读 · 0 评论 -
前端 英文时间格式转化为中文时间格式
后端传过来的时间格式是英文时间格式2.更改格式代码,formatdate(time)函数写在methods内formatdate(time) { var d = new Date(time); var curr_date = d.getDate();...原创 2020-01-13 10:37:39 · 1805 阅读 · 0 评论 -
element ui Loading 加载的使用
(1)调用后台接口获取数据时,启动loading加载,启动代码如下:const loadingObj = this.$loading({ lock: true, text: '加载中...',...原创 2020-01-13 10:35:19 · 1299 阅读 · 0 评论 -
element ui 表格table组件 动态表头自定义渲染
常规的引用绑定方法由于项目要设置动态表头,所以不能用常规的方法直接引用组件,需要对表头数据进行自定义处理1.引用 el-table2.tableData2的字段属性和tableLabel的prop对应(tableLabel有的tableData2也要有,是关联赋值的关系)...原创 2020-01-10 10:12:06 · 1967 阅读 · 0 评论 -
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 · 167 阅读 · 0 评论 -
Vue子组件监听父组件传值
父组件xiaozhushouInput.vue引用子组件xianshidaan.vue<template><xianshidaan v-show="!isxsinput" @watchChild="parentReceive" v-bind:searchdatas="searchdatas"></xianshidaan></templa...原创 2019-12-11 09:43:09 · 2717 阅读 · 0 评论