vue
Record Life
Record my life
展开
-
axios使用form-data的形式提交数据
UpdateUserInfo(context, datas){ let config = Object.assign({},datas); config.url = '/api/adduser'; config.method = 'post'; config.headers = { 'Content-Type':'multip原创 2018-01-04 16:57:44 · 13303 阅读 · 0 评论 -
深入理解vue中的slot与slot-scope (简单易懂)
走在前端的大道上插槽,也就是slot,是组件的一块HTML模板,这块模板显示不显示、以及怎样显示由父组件来决定。 实际上,一个slot最核心的两个问题在这里就点出来了,是显示不显示和怎样显示。由于插槽是一块模板,所以,对于任何一个组件,从模板种类的角度来分,其实都可以分为非插槽模板和插槽模板两大类。非插槽模板指的是html模板,比如‘div、span、ul、table’这些,非插槽模板...转载 2018-09-29 13:44:45 · 80663 阅读 · 8 评论 -
Vue中 watch和computed的不同
今天我来总结一下vue中computed 和 watch的异同!一、computed 和 watch 都可以观察页面的数据变化。当处理页面的数据变化时,我们有时候很容易滥用watch。 而通常更好的办法是使用computed属性,而不是命令是的watch回调。这里我直接引用vue官网的例子来说明:html:我们要实现 第三个表单的值 是第一个和第二个的拼接,并且在前俩表单数值变化时,...转载 2018-09-29 13:42:59 · 426 阅读 · 0 评论 -
Vue 全局实例,我想单独在js里面用(权限路由的时候或者拦截器时候),填坑之路,
首先我有一个校验需要用到vue实例export const rules = { empty: [ (value) => !!value || this.$t('valid.empty'), ], email: [ (value) => !!value || this.$t('valid.emailEmpty'), ...原创 2018-09-28 16:54:58 · 1182 阅读 · 0 评论 -
前端框架vue 推荐
1. vue-element-admin 适用pc端不错,结合了权限路由,axios请求,element,多语言等,但是移动端适配不好详细:https://github.com/PanJiaChen/vue-element-admin2.bootstrapVue 的coreUI适用的是bootstrapVue进行封装组件,权限路由,axios请求,多语言需要自己结合,但是界面还...原创 2018-09-27 17:28:07 · 248 阅读 · 0 评论 -
前端适用axios请求下载文件,后端使用java返回。头部需要带请求信息
问题:由于下载文件需要带头部的时区或者token,所以不能模拟a标签重新请求,已解决:前端如下1. 我的请求isDownload: true,responseType: 'blob', // arraybuffer这两个参数2. 我用的是axios里面的拦截器。根据请求的参数判断是否是文件下载以上是前端的代码后端如下:加入一个重要的自定义头部...原创 2018-10-11 16:15:12 · 701 阅读 · 0 评论 -
vue项目使用cli手脚架搭建的时候要开发的步骤和注意事项
该项目总结是我的公司同事写的,很完整,也一幕了然Vue项目开发文档 目录 1. 技术学习..............................................................................................................................................................原创 2018-03-31 22:13:14 · 1380 阅读 · 0 评论 -
多个vue项目和并成一个vue项目,公用一些相同的文件
写两个生产的配置启动加载文件一般配置的只要配置config里面的配置信息,大概是一些url和项目描述 配置package.json的启动命令"dev:workorder": "cross-env PROJECT=workorder nodebuild/dev-server.js",然后在dev-server通过process.env.PROJECT来判断是哪一个配置文件的加载var webpack...原创 2018-03-19 09:56:00 · 19383 阅读 · 0 评论 -
vue.js遍历数据udifined的原因
[{"userName":"admin","list":[{"name":"澳中线-悉尼-仓库","value":1,"date":null},{"name":"澳中线-悉尼-派送","value":1,"date":null}]},{"userName":"c原创 2018-03-05 15:39:53 · 445 阅读 · 0 评论 -
v-for 中el-table遍历自定义的列,嵌套显示
colunmName: ['澳中线-悉尼-仓库', '澳中线-悉尼-仓库1'], totalNumber: 100, data: [{ list: [ { name: '澳中线-悉尼-仓库1', value: 1 }, { ...原创 2018-03-05 14:24:33 · 55092 阅读 · 6 评论 -
Webpack学习笔记——基础使用入门
Webpack 是什么 分离文件 低耦合对文件进行模块化安装 使用webpack打包js到指定的包中 打包多个js文件引入的时候只需要引入捆绑的文件拓展接受打包变量json保存 函数的使用函数的使用 每次使用完都要打包 打包css需要使用加载器进行打包 顺序要注意的原创 2018-01-07 20:58:36 · 334 阅读 · 0 评论 -
Vue学习笔记——指令和部分组件
Vue实例 2v-model 2v-if v-else v-show 2v-for 3Computed运算数据 3Computed运算数据之排序数组 4V-text和v-html 4Methods 4V-model和form表单的绑定 5三个修饰符 5复选框中加v-modle 6将数据和表单标签进行绑定 7V-bind 7动态标签绑定 7绑定原创 2018-01-07 20:56:37 · 1703 阅读 · 0 评论 -
vue 文本框事件移出文本框 blur无效
无效的原因@blur.prevent 调用原标签时间。原创 2019-01-08 10:29:59 · 3438 阅读 · 0 评论