- 博客(66)
- 收藏
- 关注
RSS订阅
原创 H5跳转原生方法
H5页面跳转原生方法var isIOS = navigator.userAgent.match(/iPhone|iPad|iPod/i) ? true : false; if (isIOS) {//IOS try{ window.webkit.messageHandlers.fallback1.postMessage(''); }catch (e...
2019-10-09 17:48:55
1807
原创 点击跳转关注公众号页面
点击链接跳转关注公众号页面获取到公众号唯一 biz：在微信环境下打开链接，就可以直接跳转到公众号页面：https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=MzU1NzQ4NTA1NQ==#wechat_redirect...
2019-07-25 11:17:34
1831
原创 keep-alive、localstorage、vuex缓存页面访问记录
关于页面缓存页面缓存需求：组件间传参缓存子页面浏览记录缓存关闭浏览器，再次登录回到退出前的页面1、组件间传参缓存用的keepalive2、子页面浏览缓存用的vuex3、关闭浏览器再次打开缓存用的localstorage...
2019-06-06 15:29:11
823
原创 websocket 扫码登录
用户在扫码成功后，自动登录网页过程解析用户加载登录页面，JS自动生成unicode，并且两秒钟后自动发送给websocket服务器，将unicode存储在websocketSession中，用户点击微信扫码按钮，将Unicode用作sceneId，随机生成二维码，并在当前页面不跳转的情况下，显示给当前用户用户扫码后，微信服务号后台获取到Unicode作为的sceneId，通知websoc...
2019-05-17 12:04:17
1490
原创 2021-11-03
antd-vue Table组件排序无效table的表头排序，在一些情况下失效了，查了下资料，发现问题官方案例中是这样写的，两个数字相减：sorter: (a, b) => a.value- b.valuenumber外的其他类型对比：sorter函数根据返回值来进行排序，返回值为>0时进行倒叙排序，返回值为<0时为正序排序！修改如下就正常了：sorter: (a, b) => a.id > b.id ? 1 : -1...
2022-03-24 17:37:55
376
原创 vue3 emit is not a function
vue3 升级导致emit报错问题一、emit is not a functionvue3的一些依赖包，版本过低，导致的错误升级vue版本，或者升级@vue/compiler-sfc，如果升级不管用的话，就锁定一下版本号，再重新npm install二、defineEmit is not a function在vue3.1.3版本之后，defineEmit 改成了 defineEmits，本地可以正常运行，但是线上打包后的出现了defineEmit is not a function情况：把本地
2021-09-24 20:36:59
8384
原创 vue中style加上scoped属性后部分样式失效
当 <style> 标签有 scoped 属性时，它的 CSS 只作用于当前组件中的元素；使用 scoped 后，父组件的样式将不会渗透到子组件中。不过一个子组件的根节点会同时受其父组件的 scoped CSS 和子组件的 scoped CSS 的影响。1.混用本地和全局样式<style>/* 全局样式 */</style><style scoped>/* 本地样式 */</style>2.深度作用选择器（样式穿透） vue2
2021-09-14 16:37:29
739
1
原创 iview Cascader 回显问题
iview Cascader组件编辑回显问题Cascader在回显时，需要手动点击拉取数据才可以展示出来，如果在初始化中清空Cascader的绑定数据后，将Cascader组件删除掉(v-if)，再利用定时器重新载入Cascader组件就可以避免回显失败的问题<Cascader v-if='isShow' :data="data" v-model="value1">export default { data () { return { isShow:false,
2021-05-26 16:21:54
1899
2
原创 npm install时,报错 install: `node install.js`安装失败
在执行 npm install时，出现如下错误npm ERR! [email protected] install: `node install.js` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the [email protected] install script 'node install.js应该在命令后加参数 --ignore-scriptsnpm install --ignore-scripts...
2021-03-31 14:06:37
790
原创 iview 本地css和线上css不一样问题
vue 打包 本地和线上样式不一样1、样式顺序错乱：将 样式 集中存放，而且要放在 类库 状态等文件引入的上方 这样打包出来的样式顺序才会是我们想要的样式顺序2、某个组件的样式影响了全局：在那个组件样式文件中加 scoped3、样式代码被覆盖：F12看到原本的样式上都有一条黑色的线，如下，上面的代码覆盖了原本的样式，找到上面文件的设置并修改后，果然再运行就正常了多个相同样式文件同时存在项目中，要删除多余的；...
2021-02-18 17:48:30
910
原创 iview Tree 模糊搜索
iview Tree 模糊搜索，返回符合条件的节点，和整条数据链<Input v-model="searchWord" @on-enter='searchTree(value,treeListInit)' /><Tree :data="treeList && treeList.length > 0 ? treeList:[]" ></Tree>export default { name: 'selectTreePage', d
2020-12-16 16:11:40
2221
原创 js 正则取出一个括号中的内容
正则取出一个括号中的内容，不含括号var str = "abcdd(123)asdff";var _str = str.match(/\((.+)\)/g); //regex2 = /\[(.+?)\]/g; // [] 中括号；regex3 = /\{(.+?)\}/g; // {} 花括号，大括号console.log(RegExp.$1) // 123 RegExp 是javascript中的一个内置对象，为正则表达式。RegExp.$1是RegExp的一个属性,指的是与正则表达式匹配的
2020-10-20 11:23:28
14988
原创 iview tree收缩
tree 收缩：默认展开根目录，当点击子节点时，展开当前父节点let currentId = 3; //子节点的父级idfunction getTree (data) { //data：tree data const arr = []; data.map(item => { let obj = {} obj.title = item.value obj.id = item.id if (item.id === currentId) { obj.s
2020-09-03 19:57:10
369
原创 vue + Echarts 内存泄漏
浏览器运行一段时间就会非常卡，需要销毁实例，再次使用需要重新构建实例。ECharts在每次setOption后都需要清理变量，在ECharts中是有API手动清理变量的，分别是clear()和dispose()，区别是前者只需插入参数，ECharts就会重绘图表；而后者则是直接将ECharts对象进行清理，需要重新构建ECharts对象。 beforeDestroy () { let Chart = echarts.getInstanceByDom(this.$refs.barchart)
2020-08-26 14:29:56
1963
原创 数据是文件流时，前端下载
前端文件下载有三种，一种是get请求拼接下载地址，a标签直接点击下载；一种是接口返回文件流，然后create一个a标签，模拟点击下载；一种是使用form 表单post请求进行下载//1.直接使用get请求方式进行下载window.open(`${url}?${qs.stringify(param)}`, '_blank');//2.axios（ajax）前端根据返回数据流生成文件下载axios.post(url, param, { responseType: 'blob'}).then((r
2020-08-03 11:48:36
222
原创 echarts tooltip属性
tooltip ={ //提示框组件 trigger: 'item', //触发类型,'item'数据项图形触发，主要在散点图，饼图等无类目轴的图表中使用。 'axis'坐标轴触发，主要在柱状图，折线图等会使用类目轴的图表中使用。 triggerOn:"mousemove", //提示框触发的条件,'mousemove'鼠标移动时触发。'click
2020-07-28 21:40:47
7226
1
原创 echarts magicType点击事件
echarts中拼接虚线后和magicType事件切换冲突，导致数据展示错误//拼接虚线数据处理： series: [{ data: [820, 932, 901, 934, 1290, 1330, '-'], type: 'line' }, { data: ['-', '-', '-', '-', '-', 1330, 1320], smooth: false, itemStyle: {
2020-07-13 21:46:01
4138
3
原创 echarts中tooltip方法组件化
echarts中tooltip方法和formatter结合时的处理export const tooltip = () => { let tooltip = { trigger: 'axis', textStyle: { color: 'black', }, borderWidth: '1', borderColor: '#eee', backgroundColor: 'rg
2020-06-30 21:43:49
438
原创 iview中修改placeholder样式
在iview中修改placeholder样式时，需要在元素前加上/deep/，否则不生效/deep/ input::-webkit-input-placeholder { /* WebKit browsers */ font-size:12px;} /deep/ input::-moz-placeholder { /* Mozilla Firefox 4 to 18 */ font-size:12px;} /deep/ input::-moz-placeholder { /* M
2020-06-30 14:59:12
1596
原创 js数据处理总结
数据处理方法1、数值保留多少位/** * 数值保留多少位 * @param {Number} num 数值 * @param {Number} pointLen 保留位数 */export const toFixed = (num, pointLen) => { //num---要处理的值 pointLen----需要保留的小数位 if (!num) return num; if (num.toString().indexOf('.') < 0) return
2020-05-29 14:24:47
334
原创 一个页面多个echarts时自适应失效
一个页面多个echarts时自适应失效，分两种情况一是当前页面有多个echarts，resize失效，将上面的代码替换成下面的就可以了： myChart.setOption(option); window.onresize = myChart.resize; myChart.setOption(option); window.addEventListener("resize",function(){ myChart.resize(); });二是，引了echarts组件，循环展
2020-05-29 14:15:40
1244
5
原创 vue路由中 Navigating to current location ‘/router’ is not allowed
报错原因：多次点击同一路由，导致路由被多次添加在 router/index 中添加以下代码，之后就不会再报路由错误了//router/index.jsVue.use(VueRouter) //导入vue路由const VueRouterPush = VueRouter.prototype.push VueRouter.prototype.push = function push (to) { return VueRouterPush.call(this, to).catch(err =&g
2020-05-22 20:39:49
248
原创 移动端px、rem兼容适配和转换
移动端px、rem兼容适配和转换这是按照720的大小做的适配，计算公式为：(document.documentElement.clientWidth / 设计图大小) * 100//手机端的适配document.addEventListener("DOMContentLoaded", function () { document.getElementsByTagName("html"...
2020-04-20 21:35:22
428
原创 表单多选后，统一操作
表单多选后，统一选下拉框的值form表单和checkbox结合，全选和多选之后，统一处理供应商和类型的下拉选择 <div class="titleLine"> <span class="span1" ><Checkbox v-model="allSingle" @on-change='handleSelectAll(allSing...
2020-04-10 13:18:17
286
原创 iview中select的校验失效
form表单验证iview 校验依赖了async-validator，默认校验数据是字符串，所以在select值是number的情况下，即使select不为空，也会提示没有选择内容，当select的值是number时，需要在rule中添加type:'number'，FormItem :prop="adType" :rules="{required: true,type:'number', me...
2020-04-09 21:29:50
935
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人