VUE
qq_30758077
滚滚红尘,陌上寒烟。前世的缘,今生相见。
展开
-
el-table可编辑/输入框 卡顿性能问题解决案
问题用el-table配合el-input直接渲染可编辑行,在数据量大的情况下,会出现输入卡顿的问题。原因分析el-input组件实例数量过多。el-input的v-model在表单输入时频繁触发更新事件。解决思路用原生input替换el-input,以减少el-input组件实例。并在原生input上应用el-input的样式,使前者后者外观一致。在v-model指令上追加.lazy修饰符,使实例数据仅在失去焦点时更新,减少触发次数。优缺点优点:解决了可编辑el-tabl原创 2021-11-15 15:00:34 · 1766 阅读 · 4 评论 -
npm, github上传包
npm打包npm loginnpm initpackage name:填写你这个包的名字,默认是你这个文件夹的名字(nodeadd)version:填写你这个包的版本,默认1.0.0license:MITnpm publish最后安装的时候npm install [email protected] --save(带上版本号)github上传包git initgit add .git commit -m '' git remote add o原创 2021-09-26 15:01:21 · 116 阅读 · 0 评论 -
2021-07-07 vue 递归组件的调用
递归组件的调用1,递归的组件,在调用自身的时候,可以通过 export default 里面的 name 来调用自身eg: 子组件,child组件<template> <ul v-for="(item,index) in list" :key="index"> <li>{{item}}</li> <child v-if='index==5' :list='item.clist'></child> /* 通过原创 2021-07-07 10:20:49 · 233 阅读 · 0 评论 -
vue 进入详情页之后,一级菜单不高亮
vue 进入详情页之后,一级菜单不高亮问题详情:尝试解决:分析原因:最终解决问题:解释:问题详情:在使用element-ui的NavMenu组件作为导航菜单的时候,我是通过遍历router/index.js里的路由json数组(已定义成常量)来作为NavMenu的渲染数据的。但是我发现刷新页面之后NavMenu就失去了高亮。尝试解决:初步Google搜索之后发现原来NavMenu组件有这么一个参数配置用来管理当前激活的菜单:default-active 说明:当前激活菜单的 index 类型:St原创 2020-12-28 15:51:19 · 2474 阅读 · 0 评论 -
vue table
最近写一个小的功能真的是掉进坑里,迟迟写不下去,索性放弃,今早1小时全部搞定。<template> <!-- 上传文件加进度条 --> <el-form ref="ruleForm" label-width="200px" class="demo-ruleForm"> <el-form-item label='上传文件'> <...原创 2019-09-26 10:55:58 · 136 阅读 · 0 评论 -
vuex 数据持久化
之前在做vue的时候组件传值的时候都是用vuex来进行传值,但是往往会遇到一个问题就是,页面刷新的问题,页面一旦刷新,数据将不能持久化,所以通常我的解决办法就是保存在本地,localstorage,或者sessionstorage,今天看到vue出了一个新的方法,不用保存在本地,数据将实现持久化,安装vuex-persistedstate这个插件 import createPersis...原创 2019-08-02 13:47:25 · 191 阅读 · 0 评论 -
el-input只能输入数字验证
<el-input size="mini" v-model.number="num" @keydown.native="inputLimit" />inputLimit 方法,只能输入数字,inputLimit (e) { let num = e.target.value || '' let code = e.which || e.keyCode let str = ...原创 2019-08-02 11:14:39 · 4466 阅读 · 0 评论 -
websocket
第一次写websocket,历经艰难,但最终还是完成了,<template> <div class="list"> <input type="text" v-model="text"> <button @click="send()">发送消息</button> <br> <button @cli...原创 2019-06-25 19:58:42 · 106 阅读 · 0 评论 -
深入理解了一下vue生命周期
https://segmentfault.com/q/10…http://www.cnblogs.com/gagag/…https://segmentfault.com/a/1190000008010666原创 2018-10-09 17:31:21 · 118 阅读 · 0 评论 -
vue component :is实现多个组件之间的切换
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Vue Component 标签</title> <script type="text/javascript&quo原创 2018-10-16 10:55:45 · 32389 阅读 · 1 评论 -
vconsole调试工具
1,npm install vconsolelet VConsole = require('../../node_modules/vconsole/dist/vconsole.min');let vConsole = new VConsole();2,<script src="http://wechatfe.github.io/vconsole/lib/vconsole.min....原创 2018-09-29 11:35:29 · 745 阅读 · 0 评论 -
vue-axios
UI组件element&amp;amp;nbsp;★9305 –&amp;amp;nbsp;饿了么出品的Vue2的web UI工具套件Vux&amp;amp;nbsp;★6802 –&amp;amp;nbsp;基于Vue和WeUI的组件库mint-ui&amp;amp;nbsp;★4776 – Vue 2的移动UI元素iview&amp;amp;nbsp;★4458 –&amp;amp原创 2018-09-13 15:08:27 · 99 阅读 · 0 评论 -
vue-cli + elementUi
vue-cli + elementUi1,搭建一个新的项目,两种解决方案。先使用vue-cli搭建一个新的项目,再使用 npm install 安装一些模块和插件,在webpack.conf.js中进行配置各种文件的加载器,再去.babelrc 中配置插件使用git项目git clone https://github.com/ElementUI/element-starter.git,...原创 2018-08-23 15:35:24 · 119 阅读 · 0 评论 -
vue 懒加载
一、定义:懒加载也叫延迟加载,即按需加载,二、为什么需要懒加载: 在单页应用中,如果没有应用懒加载,运用webpack打包后的文件将会异常的大,造成进入首页时,需要加载的内容过多,延时过长,不利于用户体验,而运用懒加载则可以将页面进行划分,需要的时候加载页面,可以有效的分担首页所承担的加载压力,减少首页加载用时。三、如何与webpack配合实现组件懒加载在webpack配置文件中的o...原创 2018-08-22 17:30:37 · 390 阅读 · 0 评论