使用element-ui el-table 中有这样一个需求，需要将合计放在表格内容的第一行，并且点击合计可跳转到其它页面！框架中提供了合计的属性方法，这样可以进行数值求和及自定义求和，但是，合计那一栏不能添加点击跳转功能，结构默认排到最底行，不满足需求解决思路：1. 调节样式；
2. 将合计的数据单独计算出来/接口返回，添加到数组第一个位置，这样就可以很好的控制合计这一行了。summaryFun(){var obj = [“合计”，......]；this....
:is的作用有两个：1，动态切换组件<!-- 组件会在 `件名` 改变时改变 --><component :is="组件名变量"></component><!-- 通过is特性,可以动态切换当前组件 --><div v-bind:is="currentView"></div><!-- v-bind:动态绑定属性 -->2:解析DOM模版，解除限制元素：有些HTML元素，例如<ul><ol><table><select>,对于哪些元素可以出现在其内部是有严格限制的，而有些元素，例如：<li><tr><option> 只能出现在其他某些特定的元素内部。这会...
本文通过实例代码给大家介绍Vue+Openlayer中使用select选择要素，代码简单易懂，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友参考下吧效果图：实现代码：<template><div id="map" ref="map" style="width: 100vw; height: 100vh"></div>
</template><script>
import "ol/ol.css";
import { Map, View } from "ol";
import { OSM, Vector as VectorSource } from "ol/source";
import { Vector as VectorLayer, Tile as T...
前端时间项目迭代，其中有个需求在vue里面，有a.b.c三个页面，要达到的效果是从a页面进去b页面，b页面需要刷新，但若从b页面进入c页面了以后再回到b页面，b页面需要保留之前的值，不做刷新；第一想到的是：<router-view v-if="$route.meta.keepAlive"></router-view> ；但是由于v-if 每次会销毁页面元素，导致第一次是缓存不成功的；在网上也找到过window.reload();这种方法，但是页面会有一瞬间的空白，用户体验不是很好；后同事找...
需要分别安装node-sass 和 sass-loader;可以不需要ruby;webpack当中配置{test: /\.vue$/,loader: ‘vue-loader‘,options: {loaders: {‘scss‘: ‘style-loader!css-loader!sass-loader‘}}}使用的时候要记得在style当中加lang="scss" 原文：http://www.cnblogs.com/kugeliu/p/6726694.html
参考链接Bootstrapping the backend ProjectInstalling the Requirements安装python虚拟环境（参考资料用的是venv），我使用了anaconda安装，具体操作是
anaconda官网下载适合本机操作系统的软件创建conda虚拟环境安装Django
pip install django安装vue#两种安装方法
#1.安装的版本是2.*
sudo npm install -g vue-cli#2.安装的是最新版
sudo npm install -g @vue-cli Bootstrapping Django# create a directory to your project
m...
vue-router 该如何使用忽然碰到一个常见的问题，明明可以使用 v-if / v-show 可以的解决的问题，有没有必要是使用 vue-router来解决。 比如常见的 tab 切换。一时间，我有些犹豫了，有没有必要滥用 vue-router。那到底何时用才叫合理呢？先上代码，用两种方式实现的效果使用vue-routerrouterimport Tab1 from ‘./components/tab/TabOne‘
import Tab2 from ‘./components/tab/TabTwo‘
import Tab3 from ‘./components/tab/TabT...
vue02-filters-computerfilters: 自动data里面的数据查找
computer: 重新计算data里面的数据html<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head><meta http-equiv="Content-Type" content="text/html;charset=UTF-8"><title>Document</title></head>
<body><h1>My App</h1><div >...
。。。啥也不说了，难受啊toggle-switch.vue<template><label role="checkbox" :class="[‘switch‘, { toggled }]"><input type="checkbox"class="switch-input"@change="toggle"/><div class="switch-core":style="{backgroundColor: toggled ? colorChecked : colorUnchecked}"><div class="switch-button":style="{transition: `transform ${speed}ms`,transform: toggled ? null: `translate3d(32px, 0px, 0px)`}"></div></d...
1、前言vue构建的项目中，vuex的状态存储是响应式的，当vue组件从store中读取状态的时候，若store中的状态发生变化，那么相应的组件也会得到高效刷新，问题来了，vuex存储的数据只是在页面中，相当于我们定义的全局变量，刷新之后，里面的数据就会恢复到初始化的状态。比如，用户已经登录了，我把登录状态放到state中了，一刷新页面，还要重新登录？购物车里的添加的数据，一刷新要重新添加？2、使用场景
vuex存取值一般都是放在co...
vue 指令 directive, 只是dom上的行间属性，vue给这类属性赋予一定的意义来实现特殊的功能。所有指令以v-开头。<input type="text" v-model=‘message‘ >
//value 属性默认会被vue忽略，selected，checked属性也如此。 let vm=new Vue({el:‘#app‘,data:{person:{name: ‘ ‘} //使用变量时先要初始化，否则新加的属性不会导致页面更新。即 name需要赋值，哪怕赋值为空。如果没定义该属性，则需用vm.$set(vm.person, ‘name‘, ‘...
组件：一个包含Html,css,js独立的集合体，这样的集合体可以完成页面结构的代码复用 可以相对于理解成封装承一个小模块，能够重复方便使用.组件分为 根组件，全局组件，局部组件 根组件: 所有被new Vue（）产生的组件，在项目开发阶段，一个项目只会有一个根组件 全局组件： 不用注册，就可以称为任何一个组件的子组件 局部组件： 必须注册，才可以称为注册该局部组件的子组件 局部组件创建一个局部组件1.创...
1.安装依赖npm install -S file-saver xlsx
npm install -D script-loader2.创建Blob.jsconst blob = function (view) {"use strict";view.URL = view.URL || view.webkitURL;if (view.Blob && view.URL) {try {new Blob;return;} catch (e) {}}// Internally we use a BlobBuilder implementation to base Blob off of// in order to support older browsers that only have BlobBuildervar BlobBuilder = view.BlobBuilder || vi...
在讲解提取css之前，我们先看下项目的架构如下结构：### 目录结构如下：
demo1 # 工程名
| |--- dist # 打包后生成的目录文件
| |--- node_modules # 所有的依赖包
| |--- app
| | |---index
| | | |-- views # 存放所有vue页面文件
| | | | |-- index.vue
|...
项目初始化vue-element-admin 源码git clone https://github.com/PanJiaChen/vue-element-admin
cd vue-element-admin
npm i
npm run dev
若npm 报错 Cannot find module ‘core-js/modules/es6.regexp.constructor‘，可安装cnpm install core-js@2识别es6语法精简化项目删除 src/views 下的源码，保留：
dashboard：首页error-page：异常页面login：登录redirect：重定向对 src/router/index 进行相应修改import Vue from ‘vue‘...
