- 博客(32)
- 收藏
- 关注
原创 对vuex的理解
vuex是一个专为vue.js应用程序开发的状态管理模式(它采用集中式存贮管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化)···jsVue Components:Vue组件。HTML页面上,负责接收用户操作等交互行为,执行dispatch方法触发对应action进行回应。dispatch:操作行为触发方法,是唯一能执行action的方法。actions:操作行为...
2020-02-03 20:53:01
159
1
原创 computed和watch的区别
···js一watch擅长处理的场景:一个数据影响多个数据不支持缓存,数据变,直接会触发相应的操作;2.watch支持异步;3.监听的函数接收两个参数,第一个参数是最新的值;第二个参数是输入之前的值;当一个属性发生变化时,需要执行对应的操作;一对多;监听数据必须是data中声明过或者父组件传递过来的props中的数据,当数据变化时,触发其他操作,函数有两个参数, immediat...
2020-02-01 20:35:55
395
原创 vue性能优化方案
1,vue-router 懒加载,异步路由2. 项目中小图片图片转base64,通过工具如webpack进行图片压缩,文件进行压缩混淆等3. 对于keep-alive的使用,可以在部分需要缓存的地方进行使用,减少请求4. 对于常用的第三方插件比如elementi-ui 可以按需加载 减少体积...
2020-01-29 19:15:33
162
原创 vue组件之间的通信理解
vue组件间通信的几种方式,如props、emit/emit/emit/on、vuex、$parent / children、children、children、attrs/listeners和provide/inject1.props/listeners和provide/inject1.props/listeners和provide/inject1.props/emit父组件A通过props...
2020-01-28 18:50:15
123
原创 continue 的一种用法
之前做了个循环, 如果里面有一个不符合 就跳出, 用了for 循环 没用foreach 就是怕没跳出去, 但是if–else 也循环都走了, 最后用了continue ; 这里不适合用break 和return 以及return false ; var t = true; for (var i = 0; i < this.tableData.length; i++...
2019-09-23 10:39:38
223
原创 金额数字 转中文大写
金额数字 转中文大写 有三种办法://方法一: 代码最少:export function DX1(n) { if (!/^(0|[1-9]\d*)(\.\d+)?$/.test(n)) return "数据非法"; var unit = "仟佰拾亿仟佰拾万仟佰拾元角分", str = ""; n += "00"; var p = n.indexOf('.'); i...
2019-09-23 09:17:43
668
原创 三个数里 的最小值判断
三元的 三个数里的最小值判断:export function Min (x,y,c){ let min = x < y ? (x < c ? x : c) : (y < c ? y : c); return min;}
2019-09-23 09:10:01
883
翻译 从后台获取的时间, 进行标准的格式化为yyyy-MM-dd
后台返回的时间, 都不是常见的 yyyy-MM-dd 这种格式 所以 需要格式化一下:export function formatDate (date, fmt) { if (/(y+)/.test(fmt)) { fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length)...
2019-09-23 09:08:03
622
原创 时间日期的常用封装
获取日期时间, 精确的时分秒export function CurrentTime() { var now = new Date(); var year = now.getFullYear(); //年 var month = now.getMonth() + 1; //月 var day = now.getDate(); //日 var hh = now.getH...
2019-09-23 09:05:52
204
原创 关于给localstorage 设置失效时间
之前 项目太忙 很多东西没整理, 现在先写一个关于localstorage 的失效时间问题项目框架是vue-cli3 使用localstorage 本地缓存//设置 set 方法, 原始的localStorage设置方法是 localStorage.setItem("myID",12345); 这里我写在method 的里面 set(key, value, expired) { ...
2019-09-11 10:13:26
1612
原创 element-uitable动态生成列
<template> <div class="deduction"> <header>扣款明细</header> <main> <el-table :data="tableData" style="width: 100%"> <el-table-column ...
2019-06-13 10:51:35
3024
原创 插槽, 具名和匿名 以及 作用域
父级作用域这个, 是让父级能接受到子集传过来的<template> <div > children页面 <span> <slot :user='user'>{{user.lastName}}</slot> </span> <slot name ="header">...
2019-05-21 10:16:41
180
原创 git提交报错
warning: LF will be replaced by CRLF in src/common/print.js.The file will have its original line endings in your working directory1. rm -rf .git //清除缓存, 但是我觉得 如果怕全部删除,还是手动去删除.git这个文件夹吧 毕竟安全第一呀2. g...
2019-05-20 11:08:22
426
原创 element-ui 里面的table 点击行进行切换选中状态
html 里面是: <el-table :data="tableData" border height="315" style="width: 100%" highlight-current-row @current-change="handleCurrentChange"//这个只会触发一次, 所以弃用 @selection-chan...
2019-05-18 09:46:58
11602
3
原创 vue-cli3里面使用axios去请求public里面的数据
恨不得要去咬这个axios, 如果它有实体的话, @@#!!!之前一直给我报404 又给我报跨域错误, 害我之前去配置了一个proxy…后来发现, 完全不是跨域问题, 就是 /file 的前面多加了一个点正确格式如下:import axios from "axios";axios.get('/file/map.json').then(res=>{ console.lo...
2019-05-17 10:42:36
2948
1
原创 element-ui里面的table表头样式
//el-table 的表头行 getRowClass({ row, column, rowIndex, columnIndex }) { if (rowIndex === 0) { return "background-color: #f5f7fa;"; } else { return ""; } } :hea...
2019-05-13 16:59:39
2565
原创 px转rem
使用pxtorem px转成remyarn add lib-flexible在main.js引入中:import ‘lib-flexible/flexible.js’yarn add postcss-pxtorem在vue.config.js里面.module.exports = { lintOnSave: false, devServer: { port: 777...
2019-04-27 12:05:19
102
原创 vue-router里面的meta用法
export default new Router({ mode: "history", base: process.env.BASE_URL, routes: [ { path: "/", name: "home", component: ()=>import ('@/views/Home.vue'), meta:{ ...
2019-04-27 09:05:12
5270
原创 路由的懒加载
第一种,原始写法:import Vue from "vue";import Router from "vue-router";import Login from '@/views/Login.vue';Vue.use(Router);export default new Router({ routes: [{ path: "/login", name: "lo...
2019-04-25 17:06:11
502
转载 box-shadow 的各种用法. 是转载大佬的
左边阴影 底部阴影 右部阴影 顶部部阴影 左上阴影 右上阴影 左下阴影 右下阴影 无左阴影 无下阴影 无右阴影 无上阴影 ...
2019-04-12 16:00:47
457
原创 vue和axios, 能在外部修改公共地址
怎么把axios里面baseURL 打包的项目的外面能在外部更改之前一直因为axios里面的baseURL 是只能在开发环境下去修改的, 后来提出这个需求,借助万能的百度, 实现了在外部修改的这个事情; 直接上代码:在public 的里面去 添加一个serverConfig.json 的文件 输入你的basueURL 地址第二步 : 在mai.js里面:function getServ...
2019-03-19 10:25:11
1051
原创 axios里面的post 我能提交多少次
// axios.post(“http://192.168.1.5:8080/api/Users/login?UserName=whhw&PassWord=123456”).then(res=>{// console.log(res); //可以用 // }) // axios.post("http://地址/api/Users/login/",dat...
2019-03-06 09:52:06
238
原创 element-ui和node10.15版本的不兼容问题
使用的element-ui 是2.6版本, node 是10.15 版本之前下载的时候报错 直接上图:解决的办法有两个 :第一个:回退element-ui的版本到2.4 就可以 yarn install element-ui@2.4.11第二个:[第一步:命令行输入 yarn config set ignore-engines true, 第二步: yarn add element-...
2019-03-02 11:49:41
1816
1
原创 export和 export default
最近 我从api 里面引出一个封装的函数, 但是一直引出不了, 经过各种坑,最后发现 是因为对export 和export default 和import 掌握不牢靠导致的直接上代码说:这是api 的一个登录验证:那么在login.vue里面就要写成:重点:一定不能忘记要加 {} 不然打印出来的checkUser 就是undefine;如果用的是export default ;在...
2019-02-25 09:59:55
1028
原创 vue-cli3 搭配inconfont 图标的使用
目前正在做的项目里面 搭配的是e’le’men’t-ui 但是里面的图标很少, 这里我使用了inconfont 淘宝矢量库搭配的vue-cli 是3.4首先再inconfont 里面去添加自己要的图标,并创建一个项目这里 选择更多操作里面的编辑项目,上面的tax 和taxicon 是自己任意起的名字, 因为项目和税务相关,所以这里我用的是tax 命名外部引入的图标以作区分,然后 把这...
2019-02-17 13:01:43
2848
原创 vuecli3中img src 的引入问题
最近公司要做一个在线ps 的项目 但是后台没写完, 我在用本地图片上传预览的时候 发现图片不能显示, 解决的办法 是//页面的结构 <div class="workspace" > <img :src='img'> </div>export default { data() { return { img:...
2019-01-24 15:37:34
10953
1
转载 再被vue-cli3坑的我
最近我要被vue-cli3 的打包问题坑惨了, 这是转载以为博主的文.;已经非常的详细了,我自己常出错的地方是 basueurl 这里, 是production 是打包环境下的路径// vue.config.js 配置说明//官方vue.config.js 参考文档 https://cli.vuejs.org/zh/config/#css-loaderoptions// 这里只列一部分,具...
2019-01-11 18:03:30
917
原创 小程序购物车的逻辑,写的一个假数据
//Page Object 小程序的购物车逻辑Page({data: {cartItems: [],hasList: false,//列表是否有数据total: 0,checkAll: true//默认是全选状态},//options(Object)onLoad: function (options) {},onShow: function () {this.setD...
2018-12-29 10:44:48
559
翻译 vue-cli3.0 吃过的坑
vue-cli3.0搭建与配置为什么要使用 vue-cli3.0模板更加制定化配置更加简洁如何新建项目使用 npm 全局安装 vue-cli :npm install -g @vue/cli //如果已经安装过就不用安装了我自己喜欢用yarn 安装2 yarn global add @vue/cli创建项目执行:vue create my-project//...
2018-12-18 19:22:56
8149
原创 如何使用localStorage
$(function() { var search_btn = $("#search_btn");var keyArr = [];// 点击事件search_btn.on("click", function() {// 获取当前文本框里面的内容var keyword = $(this).siblings("input").val();// 去判断输入的文字是否合法 ...
2018-12-09 14:00:38
239
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人