qq_41994549的博客

原创 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 = [.

转载 vue中lintOnSave配置

vue中lintOnSave配置Type: boolean | 'warning' | 'default' | 'error'Default: true12用途设置是否在开发环境下每次保存代码时都启用 eslint验证。value：false：关闭每次保存都进行检测true：开启每次保存都进行检测，效果与warning一样‘warning’：开启每次保存都进行检测，lint 错误将显示到控制台命令行，而且编译并不会失败。‘error’：开启每次保存都进行检测，lint 错误将显示到

原创 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 ...

原创 vue中下载文件的方法

后台已文件流的形式进行传输，前面接收的方式是Blob用ajax的方法进行请求，在请求中加上请求的文件流的格式responseType: ‘blob’重要的是接收到文件流怎样处理数据的格式有可能需要传参，参数的传输方式和平时ajax请求接口的方式是一致的。let blob = new Blob([res.data], {type: "application/octet-stream...

原创 vue项目中Echarts 的使用

第一步先安装Echartsnpm i echarts第二步在页面使用，进行引入相对应的配置文件例如// 引入基本模板 let echarts = require('echarts/lib/echarts') require('echarts/lib/chart/pie')//饼图 // 引入提示框和title组件 require('echarts/lib/comp...

原创 vue 下 导出文件流.xlsx 兼容到ie10+

let blob = new Blob([res.data], {type: "application/vnd.ms-excel"}); if(window.navigator.msSaveBlob){ window.navigator.msSaveBlob(blob,'社保信息补充（个人）模板.xlsx'); }else{ ...

原创 微信小程序星星评分

示意图1.wxml代码<view class='start'><view class='start_title'>亲和力</view><view class='start_img'><block wx:for='{{stars}}' wx:key='index1'><image class='img' ...

原创 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...

原创 vue axios PDF文件流下载

this.axios({ method: "post", url: '/jishi/jishi.daochu', responseType: 'blob', data: data //需要传的字段 }).then((res) => { let blob = new Blob...

原创 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...

原创 iview opend-name

&lt;template&gt; &lt;div&gt; &lt;Layout&gt; &lt;Sider hide-trigger ref="side1" :style="{position: 'fixed', height: '100vh', left: 0, overflow: 'auto',background...

原创 iview table中使用radio的单选（iview 表格单选按钮功能的实现）

第一步先定义个currentid：0然后{ title: '选择', key: 'chose', width: 70, align: 'center', render: (h, params) =&gt; { let id = para...

原创 iview MenuItem动态渲染 active-name无效的问题

&lt;Menu theme="light" width="auto" ref="user" :active-name="user" :class="menuitemClasses" :open-names="['1']"&gt; &lt;Submenu name="1"&gt;

原创 iview input 文本框为text 怎样验证输入的是数字

第一步在FormItem 上绑定 prop&lt;FormItem label="计时：" prop="jishi"&gt; &lt;Input v-model="formItem.jishi" @on-keydown="jishi" placeholder="请输入计时"&gt;&lt;/Input&gt;

原创 vue iview 关于 DatePicker 类型为 daterange的解决方法

//html&lt;DatePicker type="daterange" @on-change="zhouqi" v-model="formItem.falv_fuwu" style="width: 100%;" placeholder="请输入服务期限"&gt;&lt;/DatePicker&gt;// js

原创 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...

原创 iview 表格中的render 是input 或者InputNumber 获取值

{ title:'数量', key:'num', render:(h,params)=&gt;{ return h('div',[ h('InputNumber',{ on:{ 'o...

原创 vue +iview打包字体图标丢失的解决办法 ttf字体丢失

vue-cli+webpack项目打包到服务器后，ttf字体找不到更改 build/utils.js 文件中 ExtractTextPlugin 插件的options 配置：if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, publicPath: '../../', ...

原创 百度地图的问题

原创 iview table组件识别HTML标签

主要是在render()函数中写{ title:'备注', key:'log_content', render:(h,params)=&gt;{ return h('div',{ domProps:{ innerHTML:`$...

原创 js 中国标准时转日期个是的写法

Date()返回格式：Thu Mar 19 2015 12:00:00 GMT+0800 (中国标准时间)而我们则需要这样的格式：2015-3-19 12:00:001.js方法返回值：2015-03-19 function formatDate (date) { var y = date.getFullYear(); var m = date.getMont...

原创 vue iview 表格的使用，怎样在一个单元格中赋多个值

首先，先要看需要哪些值，然后定义多个标签{ title: '书名', key: 'book_name', render:(h,params)=&gt;{ return h('div',[ h('span',{ styl...

原创 Vue怎样刷新当前的页面 （provide / inject刷新当前页面）

provider/inject：简单的来说就是在父组件中通过provider来提供变量，然后在子组件中通过inject来注入变量。 这种方式可以避免在使用props传值时，必须将每一个属性都传递给子组件的写法，当使用的公共组件不确定会被传递什么值的时候，使用这种写法非常方便。 在父组件中APP.Vue中&lt;template&gt; &lt;div id="app" style=...

原创 iview 表格中的input实现数据的绑定

{ title: '操作', key: 'action', align: 'center', width:400, render: (h, params) =&gt; { return h('Form', [ h('...

原创 checkbox选中添加与不选中删除的操作

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt;&lt;/head&gt;&lt;body&gt; &lt;div&

原创 js回到顶部和底部的效果

style代码 &lt;style&gt; #height{ height: 1400px; } #db{ text-align: right; } #dibu{ text-align: right; } &lt;/s...

转载 兼容IE8的video写法

 &lt;video width="100%" height="515px" controls preload&gt; &lt;source src="1.mp4" type="video/mp4" codecs="avc1.42E01E,mp4a.40.2"&gt; &lt;!–[if lt IE 8]&gt;

原创 百度分享使用的方法

百度分享按钮的全部参数及用法：&lt;div class="bdsharebuttonbox" data-tag="share_1"&gt;&lt;a class="bds_mshare" data-cmd="mshare"&gt;&lt;/a&gt;&lt;a class="bds_qzone" data-cmd="qzone&quot

原创 jqPaginator分页组件的用法

首先引入jQuery和jqPaginator js文件html &lt;div class="demo"&gt; &lt;div id="demo1-text"&gt;&lt;/div&gt; &lt;ul id="demo1" class="pagination"&gt;&lt;/ul&gt; &lt;/

原创 小程序图片上传服务器的方法

//wxml&lt;view class="release_img"&gt; &lt;view class="weui-uploader__input-box"&gt; &lt;text class="weui-uploader__input" bindtap="chooseImage"&gt;+&lt;/text&gt;

原创 小程序页面跳转的坑

1、小程序在页面之间的跳转使用wx.navigate(OBJ),如果跳转没有成功的话，可能是跳转的url地址写错了，查看是不是在app.js中注册了。2、如果是跳转到TaBar中，使用wx.navigate（OBJ）是无效的，则使用wx.switchTab进行页面之间的跳转使用wx.switchTab跳转时，url不能进行传参数。...

原创 js字符串截取函数slice()、substring()、substr()

在js中字符截取函数有常用的三个slice()、substring()、substr()了，下面我来给大家介绍slice()、substring()、substr()函数在字符截取时的一些用法与区别吧。 取字符串的三个函数:slice(start,[end]),substring(start,[end])和substr(start,[length]) 相关属性： slice() 第一个参数代表开始...

原创 在react怎样引入jQuery

安装jQuerynpm i jquery -S在那个地方使用jQuery就在什么地方引入jQueryimport $ from 'jquery'