一撇一画的博客

vue2重置data里的数据

function isIE () { const bw = window.navigator.userAgent // ie版本 10 以下 const compare = (s) => bw.indexOf(s) >= 0 // ie 11 const ie11 = (() => 'ActiveXObject' in window)() return compare('MSIE') || ie11}

python3批量更新已安装的包

uni-app实现APP端在线预览PDF

第一次使用官方的uni-numbox，把step设置成小数点，才可以输入小数点。 嗯~~。还是饿了么ElInputNumber组件好用。copy改造了下添加precision控制，小数点就ok了。template、style不变。其他更多功能去饿了么添加 export default { name: "UniNumberBox", emits: ['change', 'input', 'update:modelValue', 'blur', 'focus'], props: { val

// 使用application/vnd.ms-powerpoint 类型时，一些浏览器打开是ppa,一些打开开没有ppt 或 pptx// 使用以下方式完美解决<input accept=".xls,.xlsx,.doc,.docx,.ppt,.pptx"/>

import FileSaver from 'file-saver';import XLSX from 'xlsx';function exportExcel(_dataSource) { var wopts = { bookType: 'xlsx', bookSST: true, type: 'binary' }; var workBook = { SheetNames: ['Sheet1'], Sheets: {}, Props: {}

vue Element-ui el-table刷新列表后自动滚动到高亮行

本项目由于合计汇总数字太多太长，又不能改变原width的情况下，自定义样式超出点点点了，又要鼠标悬浮看全。js（设置‘title’） 配合 css（不换行） watch: { //loading 为v-loading loading(bool) { !bool && setTimeout(() => { const nodeList = this.footerTr || [] nodeList.forEach(node =&g

谷歌内核正常,IE下载无后缀名，打不开本次项目需要下载的文件就两种格式xlsx和zip所以走ie时手动添加后缀名就可以搞定了export const download = async({ url, params, method = 'post', type = 'xlsx' }) => { const isget = method.toLowerCase() === 'get'; const obj = isget ? { params } : { data: params };

// _cutime = 60 resetTime(){ let timer const countDown = ()=>{ this.time--; if(this.time <= 0){ clearInterval(timer); this.time = _cutime this.$forceUpdate() return } timer=setTimeout(countDown,1

使用的是PanJiaChen大佬的vue-admin-template模板下载大佬的权限管理模板运行正常，自己用来改造刷新就无限循环or页面空白，下面是改造成功的permission.js相关代码// ！！！自己项目不需要tokenconst hasGetUserInfo = store.getters.userInfo if (hasGetUserInfo) { // 即将要进入的目标 路由对象 if (to.path === '/login') { // if is

// 绑定对象时设置了value-key，再次点击时不会高亮,找了源码发现需要key需要一致；// 相关源码isEqual(a, b) { if (!this.isObject) { return a === b; } else { const valueKey = this.select.valueKey; return getValueByPath(a, valueKey) === getValueByPath(b, valueKey); }}// ======

所遇问题：使用了select、input组件,v-model后值更新了，页面数据未同步@change事件调用this.$forceUpdate()，没有效果解决办法：强制组件重新渲染// 封装个forceUpdate方法// 子组件在@change调用 this.$emit('forceUpdate')// 父组件：<Son :key="refresh" @forceUpdate="_forceUpdate" />//================data() {

查看源码接受的propsprops: { native: Boolean, // 是否启用原生样式；默认false wrapStyle: {}, wrapClass: {}, // 标签样式 F12 查看 viewClass: {}, viewStyle: {}, noresize: Boolean, // 如果 container 尺寸不会发生变化，最好设置它可以优化性能 tag: { // 自定义容器的标签 type: String, d

运行官方的demo能正常打开线上文档放到vue打开就报错解决bug:组件初始化需要调用一下weboffice.OptionFlag |= 128;相关代码：// weboffice 组件<object ref="weboffice" :height='height' :width='width' style='let: 0px; top: 0px' classid='clsid:E77E049B-23FC-4DB8-B756-60529A35FAD5' codebas.

使用vuex存当前row，getters取row去其它组件回来时toggleRowSelection(row, true)不生效应该是函数return 取值形成了闭包，在操作页面遍历找到对应row，重新调用即可！主要代码 computed: { getHomePageRow () { return this.$store.getters.getHomePageRow } }, mounted() { this.getList().then(()=&gt.

1.拖动需要监听鼠标按下、移动、抬起事件2.一开始全部用methods绑定方法，后面发现用自定义指令directives比较方便，不用声明在data里声明变量，以及一个一个的绑定事件![在这里插入图片描述](https://img-blog.csdnimg.cn/20210528105426388.png#pic_center<template> <div class="ad" v-drag> <el-badge :value="1" class="item

有时在调用第二个函数Promise返回的状态时，还有其它判断，全部写在一个函数代码太多，可以如下拆分，手动改变状态时一定要加 return 不然下个回调拿不到值！因为第一个函数res或rej代表状态完成，第二个函数都会走.then，想要手动控制状态必须return 保持微任务状态变化。 function one () { return new Promise(function(res,rej) { // http ..... setTim

<swiper current="{{activeKey}}" style="height:{{swiperHeight}}px"> <swiper-item> <view id="swiper-serve-wrap"> <g-nav-list serviceList="{{serviceList}}" /> </view> </swiper-item></swiper&g

// 绑定style="--shadowColor:{{shadowColor}};--background:{{background}}"// 使用.css{ background:var(--background); box-shadow: 1px 2px 3px var(--shadowColor);}

const tabelTitleArr = ['name'，'age'，'sex'] ;this.data.forEach((item,i) =>{ // 报错 const params = { title[0]: item.name, } ; // 正确 // key 值是其他引用对象也是如此 { [obj[key]] : xxxx} const params = {

// vue vs react<template>// 对应 react render() { return ( <div> xxxxx </div> ); } </template><script> // 对应react class Xxx extends React.Component { xxxxxx } // 或者 function Xxx()

有时候需要监听原生data里面的某个值改变执行相应的函数方法1：Proxy一.声明proxyWatch() { const me = this; return new Proxy(this.data,{ set: function( ) { me.Fn() // 值改变需要执行的func return true; } }) } 二.使用 this.proxyWatch().value= request.xxxx; 该执行更新视图的set

Tab + win 查看窗口；Ctrl + win + d 新建窗口Ctrl + win + <— —> 切换窗口

在package.json同级文件下，新建vue.config.js文件module.exports = { pwa: { //放要自己改变的png iconPaths: { favicon32: 'favicon.png', favicon16: 'favicon.png', appleTouchIcon: 'favicon.png', maskIcon: 'favicon.png', msTi

<template> <div class="flex flex-wrap w-100 bg-white " > <div v-for="(item,index) in list" :key="index" class="p-1" > <span @click="checkChildren(item)" class="iconfont"> {{item.menuName}}{{i

new Date(“2020-08-20 15:41:06”) 在IOS会出现NAN的情况，必须改为new Date(“2020/08/20 15:41:06”) 才能兼容；使用replace(/-/g,’/’))，转一下

//消除方法1：'display: block;'<image style="display: block;" v-for="(item,index) in swiperList" :key="index" :src="item.url" mode="aspectFill" ></image>//方法2：父级设置style="font-size:0;display: block;"<view style="font-size:0;"> <im.

以前在vue里，根据后端返回不同状态码显示不同图表文字等等；常常使用iconFn(level){ switch (level){ case 101: return '\ue600' ; case 102: return '\ue6cc' ; case 103: return '\ue6cd' ; default: break; }｝使用 mapiconFn(level){ const myMap = new Map([ [101,'\ue600'

1.在uni.scss定义以下函数@mixin text-ellipsis-two($line:2){ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: $line;-webkit-box-orient: vertical;}2.使用更改style 标签的lang=“scss”；在需要的标签里加css.te