简介栅格布局能将网页分成简单属性的行和列；Grid(网格) 模块为 display 属性提供了一个新的值：grid。当你将任何元素的 display 属性设置为 grid 时，那么这个元素就是一个 网格容器(grid container)，它的所有直接子元素就成了 网格项(grid items)。举个栗子：制作一个九宫格的布局展示：第一步：HTML...

先查看一下搭建好的文件结构：根据 vue-cli 搭建的基于webpack 的项目，如图所示，更改build 文件夹里面的相关文件。1.第一步： 更改 build - utils.js 文件，配置多文件入口， 在文件最后加入以下代码：var glob = require('glob')// 页面模板var HtmlWebpackPlugin = require('h...

一：在搭建vue的开发环境之前，一定一定要先下载node.js，，vue的运行是要依赖于node的npm的管理工具来实现，node可以在官网或者中文网里面下载，根据自己的电脑选择是32还是64 ，网址：http://nodejs.cn；1.安装node 的时候，选择 add-to-path,自动配置环境变量二：下载好node之后，打开docs管理工具，先看看node安装成功了没有，输入 node

使用 echartys1.使用其他插件 ，直接npm安装即可：npm install echarts -S//安装echarts依赖2.创建图表，在 main.js 全局引入 import echarts from 'echarts'Vue.prototype.$echarts = echarts3.在需要使用 echarts 图表的地方 ，插入 html标签以及 js<template>

1.利用replace对后台返回的json数据做替换处理(不管是多么复杂的数据结构，都可以利用这样的方法去全部匹配)var json = [{'real-name':'lolo'},{'real-name':'abc'},{'real-name':'LILI'}]var list = JSON.parse( JSON.stringify(json).replace(/real_name/...

首先我们需要创建 confirm.vue ， confirm.js这两个文件，一个实现dom结构，一个实现相关逻辑confirm.vue&amp;amp;lt;template&amp;amp;gt;&amp;amp;lt;div class=&amp;quot;confirm&amp;quot; v-if=&amp;quot;isShow&amp;quot;&amp;amp;gt;&amp;am

1.获取 input 的值：:model="filters"//表单过滤<el-input v-model="filters.name" placeholder="姓名"></el-input>//input数据双向绑定2.js初始化3.在 当前 表格实现 页面跳转<el-table-columnlabel="姓名"width="180"><template scope=

我们要实现的原理是，当用户输入一个值，不正确时，程序主动更改这个内容。首先，我们的input框是type=number 类型的；通过v-on:input事件监听用户的输入；min和max控制参数的大小。&amp;lt;input type=&quot;number&quot; min=&quot;0&quot; max=&quot;300&quot; step=&quot;10&quot;v-mo

先上源码:&amp;amp;lt;template&amp;amp;gt;&amp;amp;lt;transition name=&amp;quot;mask-bg-fade&amp;quot;&amp;amp;gt;&amp;amp;lt;!-- 弹框组件 --&amp;amp;gt;&amp;amp;lt;div class=&amp;quot;mask&amp;quot; v-show=&a

1.安装：npm install vue-photo-preview --save2.在main.js 入口文件中配置：import vuePicturePreview from 'vue-picture-preview'Vue.use(vuePicturePreview)3.页面渲染：情况一：页面本身就存在img标签，且是独立的一个：src 对应后台返回的图片路径pr...