- 博客(25)
- 收藏
- 关注
原创 el-cascader 父关联子,子不关联父
设置父子级完全不关联,checkStrictly属性设置为true,然后通过选择父级,手动将下面子级全部选中,反之,全部取消。需求:选中父级,各个层级的子级都要选中,取消父级,下面所有子级取消选中;选中子级的时候,父级不选,取消子级,父级不取消。
2022-09-19 14:01:36 2276 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 9311 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 1667
原创 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 1100
原创 Expected an object to be thrown (no-throw-literal)报错解决
上述报错可以换成下列写法,throw需要接一个对象
2021-10-13 13:29:13 2668
原创 a标签下载pdf文件
通过a标签的download属性可以实现下载pdf文件,不过有一个弊端:网站和pdf文件必须在同一域名下才可行,不然就是先打开一个新标签预览,然后点击下载按钮进行下载。
2021-10-11 10:25:31 4587
原创 elementUI清空部分表单验证提示信息
清空表单全部数据和验证提示的信息可以使用 this.$refs[formName].resetFields();但是当我们在编辑表单时,附带了之前的信息,这个时候再清空表单所有数据就不合适了。iview的resetFields方法源码是这样的resetFields:function(){this.fields.forEach(function(e){e.resetField()})}从这个forEach我们可以联想出整个表单的域是通过循环一个个重置的,每个域通过resetField这个方法进行重.
2021-07-16 15:05:34 2038 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 1260
原创 使用el-dialog点击就出现阴影的处理方法
element-ui 使用 el-dialog的时候,有时会出现一点击就有阴影的现象,如下图解决方法:在 el-dialog 里添加 append-to-body 即可
2020-09-15 17:21:45 2224
原创 解决vue项目出现Navigating to current location (XXX) is not allowed 报错
出现原因:在当前路由重复点击当前路由解决方案:在 router/index.js文件里添加下列方法即可
2020-09-10 11:29:34 2911
原创 vue刷新页面
介绍下背景如图所示,点击推荐职位仍然跳转到 当前职位详情页,发现直接使用this.$router.push({name: 'ZhiweiDetail', params: {id: id}}) 并不会刷新当前页面数据。解决方法网上说有三种方法,但是比较靠谱实用的还是第三种哈哈哈哈哈哈,所以我这里就只写第三种,其他两种有兴趣的同学可以自己查阅。第一步在app.vue文件添加如下代码第二步在需要引用的页面添加代码嗯,多亏了这篇文章才得以顺利解决问题https://b
2020-07-24 15:44:42 94
原创 用watch监听$store的数据变化
如监听this.$store.state.nowCity的值,在watch对象中写watch: { '$store.state.nowCity' () { //你需要执行的代码 } },
2020-07-07 17:20:46 3431
原创 Git生成公钥
生成方法1.打开git bash2. ssh-keygen -t rsa -C "xxxxxxxxxx" ——后面填你自己的邮箱3. 后面直接回车就行,出现下面即表示成功了
2020-06-22 10:44:27 126
原创 vue 使用watch同时监听多个属性
在开发中,遇到需要监听多个属性,然后执行同一个函数,这里记录两种方法第一种方法data () { return { city: '', area: '', currentPage: '' }}, watch: { city: function (val) { // 写要执行的代码片段 }, area: function (newVal,oldVal) { // 写要执行的代码片段 }, }第二
2020-06-19 16:41:15 1055
原创 vue项目在手机上进行调试
vue项目想在手机上打开,可以在vue项目config文件夹下的index.js里把host的属性值改成你自己本机的IP地址然后重启项目npm run dev然后复制地址栏的地址到手机浏览器打开就行
2020-06-13 15:18:33 589
原创 实现预览文档方案
实现预览文档方案方案一:可以直接使用第三方服务,不过这个需要收费的,我在这列几个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 239
原创 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 702
原创 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 77
原创 解决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 3284 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 2524
原创 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 164
原创 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 100
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人