badmoonc的博客

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

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

从0开始搭建webpack-seslint配置教程前言为了提高代码可读性，以及团队风格统一。便于日后维护，代码风格统一就显得尤为重要。本文从0开始为生成的vue项目增加webpack，脚手架使用webpack simple1、准备工作首先初始化项目，打开命令行执行vue init webpack-simple eslint-demo,接下来我们进入项目文件夹内。项目目前是没有eslin...

用法：对于nextTick的用法官方是这么介绍的：在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM，那么这句话是什么意思呢，其实简单来说就是，当我们修改数据后，视图层的数据更新是异步的，既：当修改过数据后立即输出绑定改数据的dom元素，该dom元素中的数据还是未更新过的。说这么一大串不如来一段demo做演示：&lt;template&...

直接去git拉取脚手架即可，支持pm2启动。目前仅支持转发一个域名，后续会不断完善，喜欢的给个star啦～有疑问的可以在评论区留言～脚手架地址：https://github.com/BadMooncc/vue-server-middle...

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

原文出处：https://segmentfault.com/a/1190000009802725一 概述随着sass/less等css预处理器的出现，编写css变的越来越有乐趣。所以现在越来越多的人在项目中喜欢使用scss或者less。（我自己就是一个）。由于最近在写一个vue项目。所以就把写项目期间每天的一些知识点写在博客里。所以最近的博客应该都会和vue有关。今天要和大家分享的就是如何...

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

某些情况下，使用element-ui的upload组件默认上传无法满足我们的需求，so～今天主要介绍如何使用element-ui实现自定义上传，以及后端如何接收上传的文件信息和其他信息，根据element-ui文档，http-request可以自定义上传方法，会覆盖掉默认的上传。首先我们来看前端代码：&lt;template&gt; &lt;div style="margin-top...

 使用方式：&lt;!-- 在双花括号中 --&gt;{{ message | formatDate }}&lt;!-- 在 `v-bind` 中 --&gt;&lt;div v-bind:id="rawId | formatDate"&gt;&lt;/div&gt;那么，我们该如何去写过滤器呢？接下来我们假定一种场景，后端返回的一个 时间列表大概是长下边这样的：[ ...

关于非父子组件通信的解决办法，vue的官网也有明确的说明，即：通过$emit和$on的方式进行通信。而我刚学习时，查了很多网上写的例子，对我这样的初学者还是不太友好，就像下面这种：简单一看，咦～这么简单（其实用法确实如此）。好，直接复制粘贴到自己的项目中去，然后才发现，我去～怎么不能用！。大家是不是像我一样是这么写的：组件A&lt;script&gt;import Vue from 'vue'...

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