- 博客(67)
- 收藏
- 关注
RSS订阅
原创 微信小程序tap点击和长按冲突解决
// wxmlview bindtouchstart="bindTouchStart" bindtouchend="bindTouchEnd" bindlongtap="bingLongTap" bindtap="bindTap">view>// jsbindTouchStart: function(e) { this.startTime = e.timeStamp;}bindT
2020-06-18 11:06:37
1661
原创 vue element-ui Upload 上传文件图片再次封装
1、添加组件名UploadFile<template> <div class="upload-container"> <el-dialog :visible.sync="dialogVisibleImg" :title="ImgName" append-to-body="true"> <img wi
2019-03-13 17:38:28
2883
原创 vue element-ui tree 节点加虚线，样式修改
<el-tree ref="tree" :props="defaultProps" current-node-key="1" :load="loadNode" lazy indent="0" node-key="space_id" :default-
2019-03-13 17:21:33
12885
7
原创 vue 点击切换变色 tab 改变class 跳转链接
vue 点击切换变色 tab 改变class1. {{item.name}} 2. data(){ return { footlist: [ { name: '首页', path: '/
2017-10-26 15:02:27
3630
1
原创 swiper 调完接口不能翻页，点击下一页没反应，不能轮播；点击下一页后执行函数
swiper 调完接口不能翻页，点击下一页没反应，不能轮播；点击，上一页，下一页后执行函数 function sow() { var nowguid = $(".swiper-slide-active").attr('guid'); var li = $('.two').find('li')
2017-08-28 11:27:05
6173
原创 axios拦截器统一处理获取token,失效时请求重新执行
无登录token验证const instance = axios.create({ baseURL: baseURL, timeout: 30000,});export const interceptorsRequsetFun = (config) => { // let Token = get("token"); let Token = sessionStorage.token; let newToken; let expireTime = get("expireTi
2021-08-26 11:33:20
960
原创 企业微信H5页面title返回上一页不更新解决
titleUpdate() { let iframe = document.createElement("iframe"); //设置标题 document.title = this.$route.meta.title; //随便加载点什么 iframe.src = "/"; document.body.appendChild(iframe); //刷新后移除iframe setTimeout(funct...
2021-08-04 13:52:17
1413
原创 微信小程序手机号输入3和7位空格，删除时删除空格
onPhoneChange({ detail }){ let old_val=this.data.form.phone let val=detail.value this.setData({ form:{ phone: this.getSpaceval(old_val,val), } }) }, getSpaceval(old_val,val){ let is_add=false is_add
2021-06-11 16:43:39
545
1
原创 CSSmargin-top失效解决办法
方法1）、设置父元素或者自身的display:inline-block;方法12）、设置父元素的border:1px solid solid;(>0)方法13）、设置父元素的padding:1px;方法14）、给父元素设置overflow:hidden/overflow:scroll;
2021-06-07 14:35:41
264
原创 文字垂直 writing-mode: vertical-lr；
文字垂直writing-mode: vertical-lr; letter-spacing: 5px;
2021-05-28 16:19:51
1027
原创 水平垂直居中css
1、flex<div class="wrapper flex-center"> <p>horizontal and vertical</p></div>````css.wrapper { border: 1px solid #ccc;}.flex-center { display: flex; justify-content: center; align-items: center;}2、tran
2021-05-28 16:18:31
63
原创 vscode编辑器 eslint debugger报错
找到package.json 文件eslintConfig"rules":{"no-async-promise-executor":"off","no-unused-vars":"off","comma-dangle":"off","no-debugger":"off"} "eslintConfig": { "root": true, "env": { "node": tr...
2021-01-14 17:15:54
2743
原创 antdesignpro ProTable 搜索模式搜索框按enter进行搜索
import React, { FC, useState, useRef, useEffect, useLayoutEffect } from 'react';const formRef = useRef<ActionType>(); { title: '账号', dataIndex: 'wework_userid', ellipsis: true, fieldProps: { // disabled: di...
2020-11-12 09:59:03
1895
原创 antdesignpro ProTable 搜索模式自定义搜索字段
const [params, setParams] = useState({}) const handleChange = (value) => { setParams({ "device_id": value }) console.log(value); // { value: "lucy", key: "lucy", label: "Lucy (101)" } } { title: '设备', dataIndex: 'devi...
2020-11-12 09:50:31
11482
2
原创 antdesignpro ProTable 搜索模式自定义下拉框远程搜索
{ title: '设备', dataIndex: 'device_id', hideInTable: true, hideInForm: true, renderFormItem: (_, { type, defaultRender, ...rest }, form) => { const options = alllist.map(item => <Option key={item.id}>{item..
2020-11-12 09:43:33
4714
原创 微信小程序分享
onShareAppMessage: function (res) { if (res.from === 'button') { // 来自页面内转发按钮 console.log(res.target) } return { title: '自定义转发标题', path: '/pages/home/index?id=123' } }, onLoad: function (option) { wx.sho...
2020-11-07 14:16:54
82
原创 webpack开发环境跨域解决方法
proxyTable: { "/api": { target: "http://？？？", changeOrigin: true, // pathRewrite: { // '^/api': '/' //重写接口，可以为空''，也可以为'/' // } }, // "/webService": { // target: "http://opac.jxlibra...
2020-08-06 16:42:00
232
原创 webpack加入JQuery插件
// 增加一个plugins plugins: [ // new webpack.optimize.CommonsChunkPlugin('common.js'), new VueLoaderPlugin(), new webpack.ProvidePlugin({ $: 'jquery', jquery: 'jquery', 'window.jQuery': 'jquery', jQuery: 'jquery' })...
2020-08-06 16:37:16
228
原创 寄生组合式继承
1、寄生组合式继承, 即通过借用构造函数来继承属性, 在原型上添加共用的方法, 通过寄生式实现继承2、 //寄生组合式继承, 即通过借用构造函数来继承属性, 在原型上添加共用的方法, 通过寄生式实现继承. // 上边的例子高效的体现了只调用了一次 SuperType 构造函数,并且因此也避免了在 SubType.prototype 上面创建不必要的 多余的属性.与此同时,原型链还能保持不变 // function inheritPrototype(subType, superTyp
2020-08-06 15:17:47
283
原创 vuex vue-router动态路由
1、permissionRoute.jsimport { asyncRouterMap, constantRouterMap } from '@/router'import Layout from '@/views/layout/Layout'function importComponent(file) { return require('@/views/' + file + '.vue').default}/** * 通过meta.role判断是否与当前用户权限匹配 * @
2020-08-05 13:47:09
783
原创 vue provide inject传值
1、parent组件使用provide提供一个injectData，son组件通过inject获取到parent注入的数据，以上就是它的最简用法2、provide/inject这对选项需要一起使用，以允许一个祖先组件向其所有子孙后代注入一个依赖，不论组件层次有多深，并在起上下游关系成立的时间里始终生效。provide 选项应该是：一个对象或返回一个对象的函数inject 选项应该是：一个字符串数组，或 一个对象，对象的 key 是本地的绑定名 //父级 provide: function()
2020-08-05 11:14:49
1166
原创 sort排序
var carr = ['马港社区', '枫津社区', '白马涧社区']var arr = [{ 'name': '枫津社区', bank: '苏州银行', v1: 2 }, { 'name': '马港社区', bank: '苏州银行', v1: 5 }, { 'name': '白马涧社区', bank: '中国银行', v1: 5 }]arr.sort((v1, v2) => carr.indexOf(v1.name) - carr.indexOf(v2.name))...
2020-07-26 19:32:13
86
原创 vue 组件重新渲染
<gbroMarquee broadcastType='mould' v-if="hackReset" ref="gh" :key="timer" :viewHeight="39" :touchEvent="true" direction="left" :broadcastIconIsDisplay="false" :broadcastStyle='broadcastStyle' style="width: 100%"> <text @tap="navToDetail.
2020-07-23 16:50:36
431
原创 uni-app点击事件传参，对象
<view :data-item='JSON.stringify(item)' @click="showUser"> <view class="name_concat">{{item.user_name}}</view> <view class="con_concat">{{item.user_cardno}}</view> <view class="con_concat">{{ite.
2020-07-23 13:38:05
7981
1
原创 uniapp的uni.navigateBack返回页面带参数
let pages = getCurrentPages(); //获取所有页面栈实例列表 let nowPage = pages[ pages.length - 1]; //当前页页面实例 let prevPage = pages[ pages.length - 2 ]; //上一页页面实例 let user_info=prevPage....
2020-07-23 11:17:14
3713
原创 scss几种基本用法
1.变量 $base-radius:10px; .radius { border-radius:$base-radius; } 2.嵌套 ul{ color: #fff; li{ width: 100px; } } 3.引入 scss的@import则会直接将这些引入的片段合并至当前CSS文件，并且不会产生新的HTTP请求。 @import 'res...
2020-07-15 16:15:02
441
原创 判断数组类型几种方法
// 判断数组类型 let array = [1, 2] let obj = { user_mobile: '189', user_cardno: '342', } array instanceof Array //true obj instanceof Array //false array inst...
2020-07-15 09:57:47
423
原创 vue 绑定style方式
<view class="icon-tag" :style="{'font-size':item.choose?'12px':'14px','color':accolor}"> <Icon type="" class="main_color " size="15"/></view>
2020-07-14 17:49:46
2601
原创 关于vue组件的引入方式有两种，同步和异步，生命周期执行顺序不同
1、同步1、import Page from '@/components/page'2、异步 const Page = () => import('@/components/page') const Page = resolve => require(['@/components/page'], page) 3、生命周期执行顺序同步引入时生命周期顺序为：父组件的beforeCreate、created、beforeMount --> 所有子组件的be..
2020-07-14 16:39:12
2309
1
原创 vue 组件双向绑定sync修饰符、$emit(‘update:key‘,value)
props: { value: { type: Array, default () { return [] } }, },this.$emit('update:value',this.List )<selectTag :value.sync="info.goods_guarantee" @tagClick="tagClick"></selectTag>
2020-07-14 16:16:11
5152
1
原创 js快速生成固定长度、内容为相同obj数组，并替换相应位置的值
1、生成数组letnewArry=newArray(5).fill({key:"value"});2、splice替换 let obj={"key":"value"} let spliceArray=[1,2,3] letfamily_info=newArray(5).fill(obj);family_info.splice(0,2,...spliceArray);console.log(family_...
2020-07-06 14:29:37
914
原创 less变量、函数用法
$font-color-theme : #9c8084;//字体主题颜色默认@mixin font_color($color:$font-color-theme){/*通过该函数设置字体颜色，后期方便统一管理；*/ color:$color; [data-theme="theme1"] & { color:$font-color-theme1; }}.el-select-dropdown__list > .selected { @include font_co.
2020-06-30 15:49:07
1134
原创 vant van-list无限加载了解决方法,vant的下拉加载和upload都有点坑（上传在钉钉H5多张照片会黑屏死掉）
1、:immediate-check="false" <van-list :immediate-check="immediate" v-model="loadingTask" :finished="finishedTask" :finished-text="task_list.length > 0 ? '没有更多了' : ''" @load="onLoadTask"
2020-06-22 17:34:28
8402
2
原创 vue别人封装的组件事件如何阻止冒泡，如element-ui 阻止默认组件的事件冒泡方法
只需要在你封装的组件外侧 套个div，div上写@click.stop
2020-06-17 16:05:38
2295
原创 vue本地接口跨域常用方法
1、axios请求withCredentials:true | axios.defaults.withCredentials = true let param = {}; param.cardNo = "test02"; axios .get(global_config.BASE_URL_U + "/webService/getReaderInfo", { params: param, withCredenti.
2020-06-15 11:12:54
539
原创 vue filters全局注册和局部注册
1、全局注册（在main.js）import * as filters from './filters' // global filtersObject.keys(filters).forEach(key => { Vue.filter(key, filters[key])})2、局部（组件里面）filters: { statusFilter(status) {...
2020-03-16 11:04:37
703
原创 vue 表单值不能输入或下拉框无法操作、无法选中
1、下拉框无法选中<el-select v-model="value" placeholder="请选择" @change="change()"> <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-opti...
2020-03-13 10:18:23
2423
原创 vue conputed使用方法
1、普通用法<div id="example"> <p>Original message: "{{ message }}"</p> <p>Computed reversed message: "{{ reversedMessage }}"</p></div>var vm = new Vue({ el:...
2019-12-27 13:43:06
795
原创 splice对数组的删除、增加、修改，特性是改变原来数组
splice 基本用法1.splice(position, count) 表示从 position 索引的位置开始，删除count个元素 2.splice(position, 0, ele1, ele2, ...) 表示从 position 索引的元素后面插入一系列的元素 3.splice(postion, count, ele1, ele2, ...) 表示从 position 索引的位...
2019-11-05 17:00:50
1761
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人