tumi

搭建项目：1.安装node.js在node.js官网下载稳定版本2.安装vue-cli：打开cmd命令行工具，输入npm install -g vue-cli,回车 全局安装vue-cli(注：npm会有点慢，建议更改为国内淘宝的镜像，只换源即可。在cmd输入命令：npm config set registry https://registry.npm.taobao.org)...

axios 简介axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，它本身具有以下特征：从浏览器中创建 XMLHttpRequest 从 node.js 发出 http 请求 支持 Promise API 拦截请求和响应 转换请求和响应数据 取消请求 自动转换JSON数据 客户端支持防止 CSRF/XSRF安装npm安装$...

<span:style="{'color': color}"></span>此处的color可以是你穿进去的变量，也可以是后台返回的数据或者var color = newvalue;data() { return { changeStyle:'background:'+color }}html中直接这样就可以...

遇到此问题，可能你会想到将rules里面的type转换成string类型，但有时并不能解决，如何解决呢？先看下面代码：html：<el-form-item prop="startDate"> <el-date-picker type="date" placeholder="选择日期" v-model="startDate" :pi...

https://www.cnblogs.com/taylorchen/p/6083099.htmlhttps://www.cnblogs.com/fhen/p/6721930.html

在搭建整个环境之前，首先默认你已了解了node.js、npm（cnpm）【注：npm与cnpm使用方式一样，npm是国外镜像，下载速度较慢。cnpm是国内镜像，下载速度相对快些。】、webpack、vue、element相关的基础知识。如不了解，请先阅读以下文档：Node.jsNpm/cnpmWebpackVueelement有了以上的认识与基础知识，就可以开始搭建整个开发环境了。下面分别...

相关技术：1.vue2.02.webpack3.element4.vue-routervue2.0环境搭建：1.检查本地是否安装node：node -v如果没有安装从node官网上下载相应的node，安装...

<el-form-item> <span slot="label"><span style="color:red;">*</span>姓名:</span> <el-input v-model="form.name" placeholder="请输入姓名"></el-input></el-form-...

在这个复用的弹出框中，有时操作成功后会在控制台报一个这样的错误：百思不解，直到在报错信息中点击 `element-ui.common.js?5c96:17242` 后看到这一行：再结合报错信息，我们可以得知，应该是我们每个el-form-item 标签的 prop 属性有问题。果然，存在一个没有传入 prop 属性。...

created()：在创建vue对象时，当html渲染之前就触发；但是注意，全局vue.js不强制刷新或者重启时只创建一次，也就是说，created()只会触发一次activated()：在vue对象存活的情况下，进入当前存在activated()函数的页面时，一进入页面就触发；可用于初始化页面数据等...

//以post请求为例：axios.post(url, params,{headers: {'Content-Type': 'application/json;charset=UTF-8'},timeout: 150000}).then(resp => {console.log(resp)}).catch(() => {console.log('11...

问题：父子组件传值，子组件数据只更新一次，后面再次更改父组件的数据，子组件不再更新描述：html：父组件： <el-form-item v-if="showInfo" label="XXX"> <list-info :allInfo="allInfo"></list-info> </el-form-item子组件：...

项目遇到父组件传值给子组件，子组件监听数据变化可以用watch监听数据变化如果要在子组件打印父组件传来的数据必须是在beforeUpdate和updated生命周期才能监听的到，组件生命周期顺序如下：Vue所有的生命周期钩子自动绑定在this上下文到实例中，因此你可以访问数据，对属性和方法进行运算。这意味着你不能使用箭头函数来定义一个生命周期方法。这是因为箭头函数绑定了父上下文，因...

两种方案：1、 this.$router.go(-1)2、this.$router.push('/xxx') 最常用 或者this.$router.push({name:'xxx'})对象的方法分析两种方案，方案一，返回的是上一级，从哪来回哪去；方案二则是可以指定路由，个人经验，谨慎用方案一...

入坑：如上图所示：单选按钮联动下方选项信息，切换单选按钮，校验也不会清除掉，也随之带到最新切换的内容中解决方案：切换按钮时候调用该form的clearValidate()方法：this.$refs.form.clearValidate()...

vue已是目前国内前端web端三分天下之一，同时也作为本人主要技术栈之一，在日常使用中知其然也好奇着所以然，另外最近的社区涌现了一大票vue源码阅读类的文章，在下借这个机会从大家的文章和讨论中汲取了一些营养，同时对一些阅读源码时的想法进行总结，出产一些文章，作为自己思考的总结，本人水平有限，欢迎留言讨论~目标Vue版本：2.5.17-beta.0vue源码注释：https://github...

vue已是目前国内前端web端三分天下之一，同时也作为本人主要技术栈之一，在日常使用中知其然也好奇着所以然，另外最近的社区涌现了一大票vue源码阅读类的文章，在下借这个机会从大家的文章和讨论中汲取了一些营养，同时对一些阅读源码时的想法进行总结，出产一些文章，作为自己思考的总结，本人水平有限，欢迎留言讨论~目标Vue版本：2.5.17-beta.0vue源码注释：https://github....

vue已是目前国内前端web端三分天下之一，同时也作为本人主要技术栈之一，在日常使用中知其然也好奇着所以然，另外最近的社区涌现了一大票vue源码阅读类的文章，在下借这个机会从大家的文章和讨论中汲取了一些营养，同时对一些阅读源码时的想法进行总结，出产一些文章，作为自己思考的总结，本人水平有限，欢迎留言讨论~目标Vue版本：2.5.17-beta.0vue源码注释：https://github....

需求：将日期格式转成cron表达式传给后台，回显时候将cron表达式反解析成日期格式首先，了解一些cron表达式：（可参考https://www.jianshu.com/p/e9ce1a7e1ed1对cron表达式的详解）举例说明"0 15 10 * * ? *" 每天上午10:15触发"0 15 10 * * ? 2005" 2005年的每天上午10:15触发"0 0/5 14,18 * * ?...

在这之前，你需要确定已经具备环境：node.js；vue.js；vue.cli；webpack；使用vue-cli 和 airyland/vux2 构建vux： install vue-cli npm install -g vue-cli # init a webpack project with vuxjs/template vue init airyland/vux2 pro...

在这之前，你需要确定已经具备环境：node.js；vue.js；vue.cli；webpack；首先安装lessnpm install less less-loader --save-dev其次在build/webpack.base.conf.js中加入一则less的rulemodule.exports = { // 此处省略无数行，已有的的其他的内容 module: { ...

HTML 特性是不区分大小写的。所以，当使用的不是字符串模板时，camelCase (驼峰式命名) 的 prop 需要转换为相对应的 kebab-case (短横线分隔式命名)：Vue.component('child', { // 在 JavaScript 中使用 camelCase props: ['myMessage'], template: '&lt;span&gt;{{ my...

在Vue中组件实例之间的作用域是孤立的，以为不能直接在子组件上引用父组件的数据，同时父组件也不能直接使用子组件的数据一、父组件利用props往子组件传输数据父组件：&lt;div&gt; &lt;child v-bind:my-message="parentMsg"&gt;&lt;/child&gt;//注意传递参数时要用—代替驼峰命名，HTML不区分大小写&lt;/div&gt;子组件：V...

1.父组件传递数据给子组件父组件数据如何传递给子组件呢？可以通过props属性来实现父组件：&lt;parent&gt;    &lt;child :child-msg="msg"&gt;&lt;/child&gt;  //这里必须要用 - 代替驼峰&lt;/parent&gt;data(){    return {        msg: [1,2,3]    };}子组件通过props来接收数...

以post请求为例：axios.post(url, params, {timeout: 1000 * 60 * 2}).then(function(resp){    console.log(resp)}).catch(() =&gt; {    console.log('111')})url：请求地址params：请求参数{timeout: 1000 * 60 * 2}：设置超时，超时时间为2分...

linux的crontab任务配置基本格式：*   *　 *　 *　 *　　command分钟(0-59)　小时(0-23)　日期(1-31)　月份(1-12)　星期(0-6,0代表星期天)　 命令解析成cron表达式： // 循环条件转成cron表达式 dateChangeCron (dates) { let m = '' let h = '' ...

首先安装echartnpm i echarts -S加下来以使用这个图表为例：在vue组件中像这样使用：&lt;template&gt; &lt;div :class="className" :id="id" :style="{height:height,width:width}" ref="myEchart"&gt; &lt;/div&gt;&lt;/templ

axios基于http客户端的promise，面向浏览器和nodejs特色浏览器端发起XMLHttpRequests请求node端发起http请求支持Promise API监听请求和返回转化请求和返回取消请求自动转化json数据客户端支持抵御安装使用npm：$ npm i axios使用 bower$ bower instal axios使用cdn&lt;script src="https://u...

html:<el-form> <el-form-item label="上传图片：" > <el-upload style="width:654px;hight:270px" :before-upload="beforeUpload" accept="image/png,image/jpg...

利用a标签html: <el-button type="text" size="small" plain @click="exportFailNum(scope.$index, scope.row)" :loading="resetLoading" ><a href="javaScript:;" style="color:#409EFF...

功能：点击导出按钮，提交请求，下载excel文件；第一步：跟后端童鞋确认交付的接口的response header设置了以及返回了文件流。第二步：修改axios请求的responseType为blob，以post请求为例：axios({ method: 'post', url: 'api/user/', data: { fi...

一、背景实现评论区可输入中文，字母，数字，符号及表情的输入（表情为ios系统表情）表情的输入，由两种方式实现，一是通过输入unicode编码如‘\ud83c\udf36’，二是，通过选择表情输入，传给后台以unicode的格式二、效果三、实现方式有两种方式一：将所需图片存放到本地文件，避免用url显示不出来HTML：<!-- 将图片存到本地文件 -->...

html：<el-table-column align="center" width="55" label="" > <template slot-scope="scope"> <el-radio :label="scope.row.flagIndex" v-model="scope.row.flagValue" @change.n...

在项目中遇到这样一个问题，就是在登入的时候同时需要从后台获取到左边的导航，但是如果使用h5的localStorage来保存导航信息，会出现app加载进去之后localStorage才保存进浏览器，在mounted方法中，console.log(window.localStorage.getItem('xx')打印出来是undefined，于是把数据保存到vuex中管理，以下是把数据保存到vuex中