vue
zql_ll
这个作者很懒,什么都没留下…
展开
-
iview table合并单元格
handleSpan({ row, column, rowIndex, columnIndex }){ if (columnIndex === 0) { return { rowspan: row.mergeCol === 0 ? 0:row.mergeCol, colspan: row.mergeCol === 0 ? 0:1 }; }},//name 是你想要合并的字段名称integratedData(data) { let arrId = [.原创 2022-04-11 15:07:27 · 1160 阅读 · 0 评论 -
vue中lintOnSave配置
vue中lintOnSave配置Type: boolean | 'warning' | 'default' | 'error'Default: true12用途设置是否在开发环境下每次保存代码时都启用 eslint验证。value:false:关闭每次保存都进行检测true:开启每次保存都进行检测,效果与warning一样‘warning’:开启每次保存都进行检测,lint 错误将显示到控制台命令行,而且编译并不会失败。‘error’:开启每次保存都进行检测,lint 错误将显示到转载 2022-03-22 17:52:13 · 11818 阅读 · 0 评论 -
vue axios 封装的请求
import axios from 'axios';import qs from 'qs'axios.defaults.baseURL ='';if (process.env.NODE_ENV == 'development') { //本地 axios.defaults.baseURL = "/proxy";} else { axios.defaults.baseURL ...原创 2020-01-04 15:41:00 · 140 阅读 · 0 评论 -
vue axios PDF文件流下载
this.axios({ method: "post", url: '/jishi/jishi.daochu', responseType: 'blob', data: data //需要传的字段 }).then((res) => { let blob = new Blob...原创 2019-03-14 18:05:55 · 2584 阅读 · 0 评论 -
iview 自定义主题报错的解决办法
原因是没有安装less-loader 和 lessnpm i less --savenpm i less-loader --save然后在 build utils.js 中写入 // https://vue-loader.vuejs.org/en/configurations/extract-css.html return { css: generateLoader...原创 2019-03-13 11:07:09 · 754 阅读 · 0 评论 -
vue-cli 2.0++版本,在低版本IE浏览器下 [vuex] vuex requires a Promise polyfill in this browser问题 和 Promise
1.第一步安装安装最新的web-pack-server 命令行:npm install --save-dev webpack-server 如果报错用cnpm2.第二步安装npm install --save babel-polyfill3.第三步 在webpack.base.conf.js这个文件加入代码 require("babel-polyfill")const pa...原创 2019-04-12 16:43:56 · 251 阅读 · 0 评论 -
vue 下 导出文件流.xlsx 兼容到ie10+
let blob = new Blob([res.data], {type: "application/vnd.ms-excel"}); if(window.navigator.msSaveBlob){ window.navigator.msSaveBlob(blob,'社保信息补充(个人)模板.xlsx'); }else{ ...原创 2019-06-01 11:08:18 · 1167 阅读 · 0 评论 -
vue项目中Echarts 的使用
第一步先安装Echartsnpm i echarts第二步在页面使用,进行引入相对应的配置文件例如// 引入基本模板 let echarts = require('echarts/lib/echarts') require('echarts/lib/chart/pie')//饼图 // 引入提示框和title组件 require('echarts/lib/comp...原创 2019-09-18 16:49:06 · 133 阅读 · 0 评论 -
vue中下载文件的方法
后台已文件流的形式进行传输,前面接收的方式是Blob用ajax的方法进行请求,在请求中加上请求的文件流的格式responseType: ‘blob’重要的是接收到文件流怎样处理数据的格式有可能需要传参,参数的传输方式和平时ajax请求接口的方式是一致的。let blob = new Blob([res.data], {type: "application/octet-stream...原创 2019-10-11 11:20:01 · 1645 阅读 · 0 评论 -
iview table中使用radio的单选(iview 表格单选按钮功能的实现)
第一步先定义个currentid:0然后{ title: '选择', key: 'chose', width: 70, align: 'center', render: (h, params) => { let id = para...原创 2019-01-08 10:18:48 · 9900 阅读 · 1 评论 -
vue iview 关于 DatePicker 类型为 daterange的解决方法
//html<DatePicker type="daterange" @on-change="zhouqi" v-model="formItem.falv_fuwu" style="width: 100%;" placeholder="请输入服务期限"></DatePicker>// js原创 2019-01-02 14:33:24 · 4093 阅读 · 1 评论 -
vue iview 表格的使用,怎样在一个单元格中赋多个值
首先,先要看需要哪些值,然后定义多个标签{ title: '书名', key: 'book_name', render:(h,params)=>{ return h('div',[ h('span',{ styl...原创 2018-11-06 16:07:18 · 3984 阅读 · 0 评论 -
iview 表格中的input实现数据的绑定
{ title: '操作', key: 'action', align: 'center', width:400, render: (h, params) => { return h('Form', [ h('...原创 2018-11-02 18:06:22 · 3308 阅读 · 0 评论 -
iview table组件识别HTML标签
主要是在render()函数中写{ title:'备注', key:'log_content', render:(h,params)=>{ return h('div',{ domProps:{ innerHTML:`$...原创 2018-11-19 18:06:01 · 2516 阅读 · 0 评论 -
vue +iview打包字体图标丢失的解决办法 ttf字体丢失
vue-cli+webpack项目打包到服务器后,ttf字体找不到更改 build/utils.js 文件中 ExtractTextPlugin 插件的options 配置:if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, publicPath: '../../', ...原创 2018-12-04 11:33:52 · 1298 阅读 · 0 评论 -
iview 表格中的render 是input 或者InputNumber 获取值
{ title:'数量', key:'num', render:(h,params)=>{ return h('div',[ h('InputNumber',{ on:{ 'o...原创 2018-12-05 15:53:32 · 4341 阅读 · 0 评论 -
iview input 文本框为text 怎样验证输入的是数字
第一步在FormItem 上绑定 prop<FormItem label="计时:" prop="jishi"> <Input v-model="formItem.jishi" @on-keydown="jishi" placeholder="请输入计时"></Input>原创 2019-01-05 14:58:22 · 3239 阅读 · 0 评论 -
iview MenuItem动态渲染 active-name无效的问题
<Menu theme="light" width="auto" ref="user" :active-name="user" :class="menuitemClasses" :open-names="['1']"> <Submenu name="1">原创 2019-01-06 11:48:04 · 4057 阅读 · 1 评论 -
vue cookies 的安装和使用
第一步npm i vue-cookies --save第二部引入cookie// requirevar Vue = require('vue')Vue.use(require('vue-cookies'))// es2015 moduleimport Vue from 'Vue'import VueCookies from 'vue-cookies'Vue.use(V...原创 2019-01-02 10:55:58 · 1099 阅读 · 0 评论 -
Vue怎样刷新当前的页面 (provide / inject刷新当前页面)
provider/inject:简单的来说就是在父组件中通过provider来提供变量,然后在子组件中通过inject来注入变量。 这种方式可以避免在使用props传值时,必须将每一个属性都传递给子组件的写法,当使用的公共组件不确定会被传递什么值的时候,使用这种写法非常方便。 在父组件中APP.Vue中<template> <div id="app" style=...原创 2018-11-06 16:03:47 · 2137 阅读 · 0 评论