vue
weixin_strponit
在线找工作
展开
-
给vue封装节流的自定义命令
给vue封装节流的自定义命令节流方法:function throttle (method, context) { clearTimeout((method.tId)) method.tId = setTimeout(function () { method.call(context) }, 100) } function resizeDiv () { var di...原创 2019-12-24 19:16:23 · 203 阅读 · 0 评论 -
vue优化项目几点操作
vue优化项目几点操作1、问题: 可能很多人在做vue项目打包,打包之后js中,会自动生成一些map文件,那我们怎么把它去掉不要呢?1,运行 cnpm run build 开始打包2,会在项目目录下自动创建dist目录,打包好的文件都在其中解决办法:去src/config/index.js中改一个参数:productionSourceMap:false把这个改为false。不然在最...原创 2019-07-02 19:44:22 · 317 阅读 · 0 评论 -
vue项目中使用axios上传图片等文件
首先安装axios:1.利用npm安装npm install axios –save2.利用bower安装bower install axios –save3.直接利用cdn引入一般情况上传照片有两种方式:1.本地图片转换成base64,然后通过普通的post请求发送到服务端。操作简单,适合小图,以及如果想兼容低版本的ie没办法用此方法2.通过form表单提交。form表单提交图片会...原创 2019-07-03 16:49:56 · 828 阅读 · 0 评论 -
vue中实现全局的setCookie,getCookie以及delCookie方法笔记
代码如下,后面还会修改import Vue from 'vue'import Vuex from 'vuex'import VueRouter from 'vue-router'import App from '../component/App.vue'import Login from '../component/Login.vue'import UserInfo from '../...原创 2019-07-03 17:01:31 · 4678 阅读 · 0 评论 -
动态的更换模板中的组件
通过is我们可以动态的更换模板中的组件<div id="app"> <component :is="currentView"></component> <button @click="handleChangeComponent('component-one')">A</button> <button @cl...原创 2019-07-04 10:47:54 · 273 阅读 · 0 评论 -
前端项目开发中重点注意事项
前端项目开发中重点注意事项后面会以此补充个人的理解:1、灵活运用对象思想;2、开发中经常会用的绑定事件例如一种解绑事件$(".prjnumLink").off("click").on("click",function(e){ priceClickRow = viewModel.gridObj.getFocusRow("get"); ...原创 2019-07-10 15:52:17 · 950 阅读 · 0 评论 -
js,vue的文本长度校验方法
js,vue的文本长度校验方法后续添加1、校验文本长度; validateTextLength (value) { // 中文、中文标点、全角字符按1长度,英文、英文符号、数字按0.5长度计算 let cnReg = /([\u4e00-\u9fa5]|[\u3000-\u303F]|[\uFF00-\uFF60])/g let mat = v...原创 2019-07-11 11:09:00 · 4003 阅读 · 0 评论 -
VUE 组件之间的传递
VUE 组件之间的传递一般提到组件的传递会想到props、$ref 、 emit、emit、emit、parent、children、children、children、root、中心事件bus,后面会继续完善。1.父向子 通过 props 传递数据parent.vue <template> <div class="parent"> 父亲:{{mes...原创 2019-07-06 17:27:49 · 224 阅读 · 0 评论 -
vue双向数据绑定的原理
vue双向数据绑定的原理var keyValue = 88;var obj = {};Object.defineProperty(obj,'key', { enumerable: true, configurable: true, get: function(){ return keyValue; }, set: function(ne...原创 2019-07-24 16:48:03 · 122 阅读 · 0 评论