- 博客(25)
- 收藏
- 关注
RSS订阅原创 el-cascader 父关联子，子不关联父
设置父子级完全不关联，checkStrictly属性设置为true,然后通过选择父级，手动将下面子级全部选中，反之，全部取消。需求：选中父级，各个层级的子级都要选中，取消父级，下面所有子级取消选中；选中子级的时候，父级不选，取消子级，父级不取消。
2022-09-19 14:01:36
2503
9
原创 uniapp 微信小程序 map自定义气泡customCallout
需求：要在marker的下方展示该站点名称，但默认的气泡是在上方，后查阅微信小程序官方文档发现marker属性有个customCallout可自定义气泡直接上代码<template> <view class="page-body"> <view class="page-section"> <map id="map1" ref="map1" style="width: 100%; height: 100%.
2021-11-03 13:31:56
9965
20
原创 uniapp 微信小程序 swiper修改指示点的位置和样式
直接在app.vue 里面进行修改/* wx */// 默认指示点样式wx-swiper .wx-swiper-dot { position: relative; bottom: 24rpx; }// 当前选中样式 wx-swiper .wx-swiper-dot-active { background-color: #388BF5; }
2021-11-03 11:15:17
1813
原创 js树结构根据条件查找节点返回节点路径
方法一：针对对象// 数据示例let catalog = { id: 1, children: [ { id: 2, children: [ {id: 3, children: []}, {id: 4, children: []}, ] }, { id: 5, children: [ {id: 6, child
2021-10-13 14:21:19
1189
原创 Expected an object to be thrown (no-throw-literal)报错解决
上述报错可以换成下列写法，throw需要接一个对象
2021-10-13 13:29:13
2872
原创 a标签下载pdf文件
通过a标签的download属性可以实现下载pdf文件，不过有一个弊端：网站和pdf文件必须在同一域名下才可行，不然就是先打开一个新标签预览，然后点击下载按钮进行下载。
2021-10-11 10:25:31
4696
原创 elementUI清空部分表单验证提示信息
清空表单全部数据和验证提示的信息可以使用 this.$refs[formName].resetFields();但是当我们在编辑表单时，附带了之前的信息，这个时候再清空表单所有数据就不合适了。iview的resetFields方法源码是这样的resetFields:function(){this.fields.forEach(function(e){e.resetField()})}从这个forEach我们可以联想出整个表单的域是通过循环一个个重置的，每个域通过resetField这个方法进行重.
2021-07-16 15:05:34
2100
1
原创 vue跳转新页面如何回到顶部
vue跳转新页面之后会停留在上个页面滑动的位置，但我们实际新页面需要回到顶部。解决方案有：全部页面的话就在router文件夹的index.js中设置router.afterEach((to,from,next)=>{ window.scrollTo(0,0);})单个页面就在当前页面的mounted里面设置this.$router.afterEach((to,from,next)=>{ window.scrollTo(0,0)})...
2020-12-10 15:07:15
1278
原创 使用el-dialog点击就出现阴影的处理方法
element-ui 使用 el-dialog的时候，有时会出现一点击就有阴影的现象，如下图解决方法：在 el-dialog 里添加 append-to-body 即可
2020-09-15 17:21:45
2296
原创 解决vue项目出现Navigating to current location (XXX) is not allowed 报错
出现原因：在当前路由重复点击当前路由解决方案：在 router/index.js文件里添加下列方法即可
2020-09-10 11:29:34
2946
原创 vue刷新页面
介绍下背景如图所示，点击推荐职位仍然跳转到 当前职位详情页，发现直接使用this.$router.push({name: 'ZhiweiDetail', params: {id: id}}) 并不会刷新当前页面数据。解决方法网上说有三种方法，但是比较靠谱实用的还是第三种哈哈哈哈哈哈，所以我这里就只写第三种，其他两种有兴趣的同学可以自己查阅。第一步在app.vue文件添加如下代码第二步在需要引用的页面添加代码嗯，多亏了这篇文章才得以顺利解决问题https://b
2020-07-24 15:44:42
102
原创 用watch监听$store的数据变化
如监听this.$store.state.nowCity的值，在watch对象中写watch: { '$store.state.nowCity' () { //你需要执行的代码 } },
2020-07-07 17:20:46
3527
原创 Git生成公钥
生成方法1.打开git bash2. ssh-keygen -t rsa -C "xxxxxxxxxx" ——后面填你自己的邮箱3. 后面直接回车就行，出现下面即表示成功了
2020-06-22 10:44:27
139
原创 vue 使用watch同时监听多个属性
在开发中，遇到需要监听多个属性，然后执行同一个函数，这里记录两种方法第一种方法data () { return { city: '', area: '', currentPage: '' }}, watch: { city: function (val) { // 写要执行的代码片段 }, area: function (newVal,oldVal) { // 写要执行的代码片段 }, }第二
2020-06-19 16:41:15
1161
原创 vue项目在手机上进行调试
vue项目想在手机上打开，可以在vue项目config文件夹下的index.js里把host的属性值改成你自己本机的IP地址然后重启项目npm run dev然后复制地址栏的地址到手机浏览器打开就行
2020-06-13 15:18:33
623
原创 实现预览文档方案
实现预览文档方案方案一：可以直接使用第三方服务，不过这个需要收费的，我在这列几个1）http://www.yozodcs.com/2）https://www.idocv.com/（试用不超过1M，）3）http://www.officeweb365.com/（免费试用5M，有水印）注意：付费针对单个域名或IP。abc.com（顶级域名）与www.abc.com（二级域名）算2个域名。非企业版单公网IP有并发连接数限制，限制为2000个...
2020-06-13 13:26:21
252
原创 Module build failed: Error: Cannot find module 'node-sass'
由于电脑重装系统了，导致启动vue项目报下面错误@ ./node_modules/vue-style-loader??ref--8-oneOf-1-0!./node_modules/css-loader?? ref--8-oneOf-1-1!./n
2020-06-12 16:19:29
819
原创 Error in render: "TypeError: Cannot read property ´company´ of undefined" found in
vue开发项目过程中，遇到如图报错报错原因：异步数据是先显示vuex中的初始数据，然后显示请求数据，刚开始vuex中state中的初始数据为空，所以页面在显示初始数据的时候报错。解决方法：初始化将所要监听的对象用空数组赋值即可解决，格式和你所需要展示的数据类型一样比如需要循环如下格式数据，我们需要先设定默认值data:{ return { companyDetail: [{company:'',count:'',zhiwei:'',faBu:''}],
2020-05-23 13:38:43
88
原创 解决vue项目在IE浏览器打开空白问题
vue项目运行编译，发现在IE浏览器一片空白，解决方法：1、安装babel-polyfill： npm install babel-polyfill --save-dev2、在main.js文件中引入：import'babel-polyfill'3、在webpack.base.config.js中将entry中的app:./src/main.js'改为下面格式entry:{app:['babel-polyfill','./src/main.js']},4、重新...
2020-05-21 15:42:15
3323
1
原创 vue加载图片失败解决方法
在vue项目中，我们引用图片组件 el-image 绑定路径会提示加载失败，如下图所示<el-image class="zuipinImg" src="@/assets/photo.png" :preview-src-list="zuopinsrcList"></el-image>解决方案1、使用绝对路径<el-image :src="'https://fuss10.elemecdn.com/e/5d/4a73
2020-05-13 20:04:32
2669
原创 vue 编程式导航
1.router.push(location, onComplete?, onAbort?)可以直接使用<router-link>创建a标签来导航链接，我们也可以通过编写代码来实现，主要有下面4种写法// 字符串router.push('home')// 对象router.push({ path: 'home' })// 命名的路由router.push({ n...
2020-05-07 17:17:45
178
原创 let 和 const 用法
写在前言1. 首先，不是所有浏览器都支持es6语法，此时可通过babel进行转化为es5。http://babeljs.io/repl/2.node安装最新版可通过命令行输入 npm install -g n3.var不支持封闭作用域，会声明到全局作用域上for (var i = 0; i < 3; i++) { console.log(i) // 输出 0 1...
2020-04-18 14:08:19
110
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人