element-ui级联选择器懒加载回显终极解决方案

今天接到一个需求，需要在浏览器tab页的icon上显示消息的数量，无奈只能用canvas来实现。实现的过程中就碰到文字居中，对canvas完全没用过的我来说简直是让人抓狂，百度出来的答案要么太复杂，要么说的不清楚。接下来我们就来看下，在canvas中如何让文字在画布中水平居中首先呢，我们先在html中加入canvas标签，如下：<canvas id="myCanvas&qu

直接进入正文：我们有时候处理数据，可能会遇到一些不规则(无法预料的数据结构)，那么拿到这种数据我们如何进行遍历操作呢？举个例子：var data= {a: { one: 1, two: 2, three: {four:'2',five:'4'} },b: { six: 4, seven: 5, eight: 6 },c: { nine: 7, ...

vue-dragline项目根据react-dragline 改写为vue。支持拖拽辅助线，改变元素大小，元素拖拽功能Installationnpmnpm install vue-dragline --saveyarnyarn add install vue-draglineExample<template><draggable-container><draggabl

准备工作：首先我们初始化一个vue项目，执行vue init webpack echart,接着我们进入初始化的项目下。安装echarts，npm install echarts -S//或cnpm install echarts -S安装完成之后，我们就可以开始引入我们需要的echarts了，接下来介绍几种使用echarts的方式。全局引用：首先在main.js中引入...

背景：日常开发时，我们总会遇到需要父子组件双向绑定的问题，但是考虑到组件的可维护性，vue中是不允许子组件改变父组件传的props值的。那么同时，vue中也提供了一种解决方案.sync修饰符。在此之前，希望你已经知道了vue中是如何通过事件的方式实现子组件修改父组件的data的。如果你对此还不了解父子组件如何通过$emit实现双向通信，那就点我先了解下吧.sync修饰符：首先我们知道，...

 使用方式：&lt;!-- 在双花括号中 --&gt;{{ message | formatDate }}&lt;!-- 在 `v-bind` 中 --&gt;&lt;div v-bind:id="rawId | formatDate"&gt;&lt;/div&gt;那么，我们该如何去写过滤器呢？接下来我们假定一种

概念：组件是可以在它们自己的模板中调用自身的。不过它们只能通过 name 选项来做这件事。之前在写组件时总有些疑惑，为什么export default导出的对象中有个name属性，今天看过递归组件之后，才发现这个name属性的一个比较重要的作用。（当然。name属性的还有其他的用处）。用法：1、首先我们要知道，既然是递归组件，那么一定要有一个结束的条件，否则就会使用组件循环引用，最...

举例时间：var time = new Date(); //Tue Aug 28 2018 09:16:06 GMT+0800 (中国标准时间)时间戳：var timestamp = Date.parse(time); //1535419062000 （Date.parse() 默认不取毫秒，即后三位毫秒为0）moment转时间：moment(time).valueOf(); //...

代码地址：https://github.com/BadMooncc/echarts-scatter转载注明出处：https://blog.csdn.net/badmoonc/article/details/80983854如若不想看我啰嗦，可以直接去项目查看代码，代码实现非常简单echarts散点图trigger设置为item的情况下，多个点重合在一起当我们鼠标指向该点时，数据只会显示...