- 博客(48)
- 收藏
- 关注
RSS订阅原创 Vue render函数中渲染html标签（v-html || innerHtml）jsx写法
render(h,data) { return h("div", { domProps: { innerHTML: data.row.instanceExeParams // 这里是要渲染的数据 } })}// 用jsx写法(domPropsInnerHtml)<span domPropsInnerHtml={data.row.instanceExeParams}></span>...
2021-11-11 10:06:23
8214
原创 用jsx写iveiw的$Modal.confirm，并且异步关闭弹窗，loading还可以重置(buttonLoading)
let self = thisthis.$Modal.confirm({ title: '发货', render: () => { return ( <i-form model={this.form} label-width={80} rules={this.rules} ref="form"> <form-item label="物流公司" prop="expressName"> <i-inp
2021-09-07 11:09:31
1051
原创 获取元素样式getComputedStyle
// node: document.querySelector("#share") utilWidth (node) { var leftBorder = this.utilPx(node, 'border-left-width') var rightBorder = this.utilPx(node, 'border-right-width') return node.scrollWidth + leftBorder + rightBorder }, .
2021-04-07 10:19:00
182
转载 css3的animation
作用：通过给元素添加animation属性，可以赋予该元素动画效果。<!DOCTYPE html><html> <head> <style> div{width:100px;height:100px;background:red;animation:my 5s;} @keyframes my { 0%{background:red;width:1
2020-12-29 14:27:00
102
原创 js 对象型数组去重
方法一：用reduce var arr = [ {name:'uzi',color:'blue'}, {name:'pdd',color:'white'}, {name:'mlxg',color:'orange'}, {name:'uzi',color:'red'}, ] let hash = {}; var newArr = arr.reduce((prev, next) => { hash[
2020-11-26 16:23:27
403
原创 JavaScript获取当前月份的前12个月，获取最近的12个月
getNearMonth() { let dateArr = [] let date = new Date() // let year = date.getFullYear() date.setMonth(date.getMonth() + 1, 1) // 设置到下个月 for (let i = 0; i < 12; i++) { date.setMonth(date.getMonth() - 1)//每次循环一次 月份值减
2020-11-19 15:18:44
1528
1
原创 js获取当前月的第一天跟最后一天
getCurrentMonthFirst() { // 获取当前月第一天 let date = new Date() date.setDate(1) let month = parseInt(date.getMonth() + 1) let day = date.getDate() if (day < 10) { day = '0' + day } .
2020-10-21 14:05:08
2803
转载 vue 生命周期 beforeDestroy 和 destroyed 调用
情境一：离开当前路由，会直接调用；当前路由不使用 缓存，离开当前路由会直接调用 beforeDestroy 和 beforeDestroy 销毁情景二：离开当前路由，不会直接调用，需要程序控制调用；当前路由使用 缓存，离开当前路由不会直接调用 beforeDestroy 和 beforeDestroy 销毁，需要使用路由钩子函数主动的调用beforeRouteLeave(to, from, next) { this.$destroy(); next();}...
2020-09-02 10:47:08
40690
1
原创 Echarts-折线图跟柱形图混合显示
html<div id="main" style="width: 100%;height:300px;"></div>配置option： { tooltip: { trigger: 'axis', formatter: (params) => { return params[0].seriesName + ': ' + params[0].data + '<br>' + params
2020-05-08 18:51:24
2251
原创 vue启动之后报错 throw er; // Unhandled 'error' event
原因：本机端口和设置的ip地址不一致(还有可能是端口被占用)在config文件夹下的index.js中更改ip地址就好了
2020-02-29 02:18:49
2013
转载 axios POST提交数据的三种请求方式写法
1、Content-Type: application/json ==> @RequestBodyimport axios from 'axios'let data = {"code":"57893","name":"kelly"};axios.post(`${this.$url}/test/testRequest`,data).then(res=>{ console....
2020-02-24 15:35:48
680
原创 vue项目里封装axios
import axios from 'axios'import qs from 'qs'const $ajax = axios.create({ baseURL: '', timeout: 20000})const ajaxPost = (api, data = null) => $ajax.post(api, qs.stringify(data, { arrayFormat...
2020-02-24 15:31:12
104
原创 axios get请求 url报错400
解决办法加了paramsSerializer方法，这是一个负责params 序列化的函数axios.get(url, { params: { ... }, paramsSerializer: function(params) { return qs.stringify(params, {...
2020-02-24 15:27:30
832
原创 EsLint - Unexpected control character(s) in regu lar expression: \x00，正则表达式中意外控制字符
方法// .eslintrc.js/** * "off"或者0 //关闭规则关闭 "warn"或者1 //在打开的规则作为警告（不影响退出代码） "error"或者2 //把规则作为一个错误（退出代码触发时为1） */rules: { "no-control-regex": 0, }重启项目：npm run de...
2020-02-19 11:51:53
6258
原创 npm设置淘宝源
淘宝 npm 网址https://npm.taobao.org/修改npm为淘宝源npm config set registry https://registry.npm.taobao.org还原npm config set registry https://registry.npmjs.org设置cnpm一.通过命令配置命令npm config set registr...
2020-02-11 13:37:47
611
原创 props的几种写法
props: ['propA']props: { propA: Number, // 必须是数字类型 propB: [String, Number], // 必须是字符串或数字类型 propC: { type: Boolean, default: true }, propD: { type: Number, required: true } // 如果是数组或对象，...
2020-01-09 16:38:19
2928
原创 杂
1.如果想显示{{}}标签，而不进行替换，使用v-pre即可跳过这个元素和它的子元素的编译过程，例如：<span v-pre>{{这里的内容是不会被编译的}}</span>...
2020-01-08 18:46:31
109
原创 JavaScript补齐指定位数
completIng(bits, identifier, value) { value = Array(bits + 1).join(identifier) + value return value.slice(-bits) }示例1：”1”格式化为”0001”dataLeftCompleting(4, "0", 1); // 要求4位，使用...
2019-09-12 14:55:38
335
原创 iview table 单选框
data.js文件import bus from "@/bus";let data = { columns: [{ title: '选择', width: 50, align: 'center', render: (h, params) => { return h('div', [ h('Radio', { ...
2019-09-12 14:21:43
725
原创 iview里的tabs内容区域可以滚动
代码：<Tabs v-model="tab" :animated="false"> <TabPane label="理赔单详情" name="tab1" class="scroll"> <InfoEditItem ref="infoEdit" :id="id" @complete="getData" @compChange="getQue...
2019-06-28 14:38:09
2898
2
转载 数据加载太多导致页面抖动 用beforeRouteEnter解决
在写项目的时候偶然遇到了一个问题，在进入一个城市选择页面时，城市列表总是需要一秒后才能加载出来，出现了页面抖动，在解决这个问题时想到了路由中的beforeRouteEnter方法，在路由跳转前加载数据，在网上发现有博客说可以使用如下写法来解决这个问题：这样写是毫无效果的， 经过仔细分析官方文档后发现next中的函数执行在页面mounted之后，所以这种方法时是不正确的。还不如直接将数据获取绑定...
2019-06-12 16:01:27
548
转载 iView中InpuNumber限定小数位
问题场景：InputNumber组件在设置precision精度后，每次输入都会自动填充导致光标后移，影响输入体验。代码 <InputNumber :precision="2" :min="0.01" style="width:100%" v-model="value"/>期待效果：如输入1.22就直接输入，如输入1，则变为1而不是1.00。解决办法（改写源码）...
2019-06-06 10:55:32
6312
5
转载 数组函数forEach()、map()、filter()、find()、reduce()等
forEach()map()— —更新重组数组filter()、includes()、find()、findIndex()— —筛选（删除）数组some()、every()— —判断数组reduce()— —叠加数组forEach遍历数组全部元素，利用回调函数对数组进行操作，自动遍历数组.length次数，且无法break中途跳出循环不支持return操作输出，return只用于...
2019-05-14 11:03:08
169
原创 vue v-modle实现组件之间的动态传值
父子通信用v-bind子组件<template> <div @click="chanage">子级message：{{ message }}</div></template><script> export default { props: { message: { type: Strin...
2019-04-04 16:01:10
628
原创 微信小程序 动态修改this.data里的数据
data:{ arr: [1,2,3,4,5,6]}动态修改arr里面指定某个下标的值该怎么办代码let index = e.currentTarget.dataset.index let item = 'arr['+index+']' this.setData({ [item]: 'xxxxx' })如果数组里的是很多个对象,动态修改arr里面指定某个对...
2019-03-29 14:29:06
4199
1
转载 微信小程序-页面间的通信与数据传递
小程序的页面跳转API像wx.navigateTo()、wx.redirectTo()之类的，都是跳转到一个全新的页面，当这个页面是表单的时候，有时候需要跳转到其它页面选取信息后再跳转回来，那之前填的信息就必须得存在。方法一：把当前页面数据放入本地缓存wx.setStorageSync，上一个页面再从缓存中取出wx.getStorageSync，同时退出登录时要清除缓存wx.clearStor...
2019-03-22 16:51:07
911
转载 vue.js 修饰符.self
.self可以理解为跳过冒泡事件和捕获事件，只有直接作用在该元素上的事件才可以执行。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>self</title> <script
2019-02-21 22:23:53
487
转载 纯css 写右箭头，上下箭头，实心三角形，超出打省略号
1.右箭头.right-arrow { display :inline-block; position: relative; width: 36rpx; height: 36rpx; margin-right: 20rpx;}.right-arrow::after { display: inline-block; content: "...
2019-01-30 11:01:06
2567
原创 flex为1的时候，超过宽度打省略号
加min-width:0 flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-width:0;
2019-01-15 17:27:26
2155
原创 clipboard插件 复制功能 vue
安装：npm install clipboard --savemain.jsimport clipboard from 'clipboard';templete &lt;Button type="primary" size="small" ...
2019-01-07 16:05:51
234
转载 iview 的DatePicker 为 datetimerange 的验证问题
1 使用value，不要使用v-model2 使用on-change 获取选择的值3 on-clear 清除默认值 否则会有1970的默认值下面是rules ：rules: { startEndTime: [ {required: true, message: '投放时间不能为空'}, {pattern: null, typ...
2018-12-21 15:05:50
448
原创 iview 的DatePicker 为 datetimerange 的验证问题
&lt;FormItem label="使用期限" prop="validityDate"&gt; &lt;DatePicker type="datetimerange" placement="bottom-start" v
2018-12-21 14:31:15
1493
原创 iview 表单验证select标签在使用v-for的时候验证一直不通过
<FormItem label="优惠券面额" prop="money"> <Select v-model="form.money" @on-change="onChangeDenomination" :label-in-value="true" class="wp30"> <Option v-f
2018-12-21 14:13:54
1224
原创 iview table里的render的一些数据格式
{ title:'操作', align: 'center', width:120, render:(h,params)=&amp;gt;{ return h('div',[ h('span', { style:{ 'margin-right':'10px', '...
2018-11-02 17:34:37
10111
2
转载 H5页面在 ios 端滑动不流畅的问题
IOS系统的惯性滑动效果非常6，但是当我们对div加overflow-y:auto;后是不会出这个效果的，滑动的时候会感觉很生涩。怎么办？方案一：在滚动容器内加-webkit-overflow-scrolling: touch但这个方案有一个问题，在页面内具有多个overflow：auto的情况下，那些具有 绝对定位（absolute, fixed） 属性的元素，也会跟着滚动。方案二：b...
2018-10-17 14:24:29
384
转载 移动端滚动穿透问题
一、body{ overflow:hidden }。一般PC端这样就行了，但在移动端可就不行了，因为他有touchmove。二、可以阻止弹层的touchmove事件，但如果你的弹层内的内容需要滑动，这种方法passdocument.body.addEventListener('touchmove' , function(e){ e.preventDefault(); })三、后...
2018-10-17 14:18:23
92
转载 ios下事件委托失效的解决方案
一、由于某些特殊情况下，需要用到事件委托，比如给动态创建的DOM绑定click事件，这里就需要事件委托(这里就牵扯到：目标元素和代理元素)目标元素：动态创建的元素，最终click事件需要绑定到该元素代理元素：动态创建的元素的父级元素，或者document,body等。二、BUG情况当使用事件委托给【目标元素】添加 click 事件时，如果【代理元素】是 document或body，并且【目...
2018-10-16 11:09:03
196
原创 微信第三方网页关闭当前页面回到微信对话窗口
出错经历;window.opener=null;window.open('','_self');window.close();刚开始使用window.close();查询发现这个不能在微信浏览器中运行后查询到WeixinJSBridge.call(‘closeWindow’)，但是奇怪的是我把这个放在js文件中没什么效果，后来我把这个放在一个a标签的herf属性中，点击这个a标签居然成...
2018-10-08 16:50:22
1436
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人