随笔分类 - 6.前端框架相关技术
摘要：需要在el-tablel里实现滚动到底部加载更多数据问题：使用element自带的无限滚动，但是实际用下来发现，指令只能作用于当前绑定的元素上，如下： <ul class="infinite-list" v-infinite-scroll = "load" style="overflow:auto;
阅读全文
摘要：html中 1 <el-cascader 2 v-if="isShowAddressInfo" 3 ref="addressRef" 4 v-model="address" 5 :props="cascaderProps" 6 @change="visibleChange" 7 :show-all-
阅读全文
摘要：Element UI中对Form表单验证的使用介绍： Form 组件提供了表单验证的功能，只需要通过 rules 属性传入约定的验证规则，并将 Form-Item的 prop 属性设置为需校验的字段名即可。校验规则参见 async-validator 文档中提及的用法有2种： 1.对整个表单进行规则
阅读全文
摘要：vue-countTo是一个无依赖，轻量级的vue组件，可以自行覆盖easingFn。 你可以设置 startVal 和 endVal，它会自动判断计数或倒计时。支持vue-ssr。vue-countTo参考于countUp.js; 安装使用： npm install vue-count-to 例子
阅读全文
摘要：框架 element - 饿了么出品的Vue2的web UI工具套件 mint-ui - Vue 2的移动UI元素 iview - 基于 Vuejs 的开源 UI 组件库 Keen-UI - 轻量级的基本UI组件合集 vue-material - 通过Vue Material和Vue 2建立精美的a
阅读全文
摘要：vue项目中如何使用有向无环图（dag-diagram）1、自定义右击事件偶现问题2、节点删除再添加反复操作几次会出现，删除一个节点多个节点一起消失3、检测是否成环 关于有向无环图在vue项目中的使用和安装，已经有很多的文章有过介绍了，我在这就不再重复这些东西，本文主要介绍的是在使用dag-diag
阅读全文
摘要：Vue中格式化对比json串插件 安装 yarn add vue-code-diff 或 npm install vue-code-diff 使用 <template> <div> <code-diff :old-string="oldStr" :new-string="newStr" :conte
阅读全文
摘要：vue-countTo是一个无依赖，轻量级的vue组件，可以自行覆盖easingFn。 你可以设置 startVal 和 endVal，它会自动判断计数或倒计时。支持vue-ssr。vue-countTo参考于countUp.js; 安装使用： npm install vue-count-to 例子
阅读全文
摘要：堆叠图tooltip问题 echarts生成的堆叠图，鼠标浮动时默认会将相应位置的所有指标信息全部展示出来： 当指标特别多的时候，这样的鼠标浮动提示信息会失去其说明数据的意义： 用户无法从浮动提示中一眼就辨认出他想看的那个指标在某个区间的具体数值，甚至可以说，要从这个浮动提示中找出指定区域对应的数值
阅读全文
摘要：在实际开发过程中，发现以下的写法比较累赘，因为在后面的项目中，继续优化表单验证的方法，让代码更简洁。主要的修改是验证方法的修改和调用 以前验证表单字段的最大长度，description: [{ max: 200, message: '最大长度为200个字符', trigger: 'blur' }]
阅读全文
摘要：request 指的是小程序中的网络请求，在 mpvue框架中可以通过小程序提供的原生 API wx.request 来进行相关的处理。但是在这里推荐一个第三方的网络请求库 fly。之所以推荐这个第三方库，是因为可以在多个端上实现代码的复用，目前已支持的有 Node.js 、微信小程序 、Weex
阅读全文
摘要：在vue 2.9.6中，搭建vue-cli脚手架的流程是这样的： 在vue 2.9.6中，搭建vue-cli脚手架的流程是这样的： 在vue 2.9.6中，搭建vue-cli脚手架的流程是这样的： 在vue 2.9.6中，搭建vue-cli脚手架的流程是这样的： 首先 全局安装vue-cli，在cm
阅读全文
摘要：yarn的简介： yarn的简介： yarn的简介： yarn的简介： Yarn是facebook发布的一款取代npm的包管理工具。 yarn的特点： 速度超快。 Yarn 缓存了每个下载过的包，所以再次使用时无需重复下载。 同时利用并行下载以最大化资源利用率，因此安装速度更快。 超级安全。 在执行
阅读全文
摘要：Vue中的nextTick涉及到Vue中DOM的异步更新，感觉很有意思，特意了解了一下。其中关于nextTick的源码涉及到不少知识，很多不太理解，暂且根据自己的一些感悟介绍下nextTick。 一、示例 先来一个示例了解下关于Vue中的DOM更新以及nextTick的作用。 模板 <div cla
阅读全文
摘要：<keep-alive>是Vue的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM。 <keep-alive> 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 <transition> 相似，<keep-alive> 是一个抽象组件：它自身不会渲染一个 DOM 元素，也
阅读全文
摘要：首先在demo下面的components下面新建一个test.vue组件 test组件代码 <template> <div class="test_box"> <p @click="go">测试组件内部守卫的作用，点击跳到HelloWorld</p> </div> </template> <scri
阅读全文
摘要：添加正则判断条件： MessageBox({ $type:'prompt', title:'输入验证码', message:'请填写您收到的验证码', closeOnClickModal:false, //点击model背景层不关闭MessageBox showCancelButton:false,
阅读全文
摘要：animate.css是一款前端动画库，相似的有velocity-animate 用法： 首先 npm install animate.css --save 然后在vue文件的script中引入： import $ from '../assets/js/jquery.js';//非必要 import
阅读全文
摘要：什么是 webpack？ webpack是近期最火的一款模块加载器兼打包工具，它能把各种资源，例如JS（含JSX）、coffee、样式（含less/sass）、图片等都作为模块来使用和处理。 我们可以直接使用 require(XXX) 的形式来引入各模块，即使它们可能需要经过编译（比如JSX和sas
阅读全文
摘要：cookie的作用无需多言，自己封装一个cookie，不停地复制黏贴页颇为麻烦，在这里，有npm为我们封装好的插件js-cookie: https://www.npmjs.com/package/js-cookie。 引用方法: 1.直接饮用cdn：<script src="https://cdn.
阅读全文
