vue
爱生活的苏苏
这个作者很懒,什么都没留下…
展开
-
el-cascader 父关联子,子不关联父
设置父子级完全不关联,checkStrictly属性设置为true,然后通过选择父级,手动将下面子级全部选中,反之,全部取消。需求:选中父级,各个层级的子级都要选中,取消父级,下面所有子级取消选中;选中子级的时候,父级不选,取消子级,父级不取消。原创 2022-09-19 14:01:36 · 2711 阅读 · 9 评论 -
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 · 1222 阅读 · 0 评论 -
Expected an object to be thrown (no-throw-literal)报错解决
上述报错可以换成下列写法,throw需要接一个对象原创 2021-10-13 13:29:13 · 2957 阅读 · 0 评论 -
a标签下载pdf文件
通过a标签的download属性可以实现下载pdf文件,不过有一个弊端:网站和pdf文件必须在同一域名下才可行,不然就是先打开一个新标签预览,然后点击下载按钮进行下载。原创 2021-10-11 10:25:31 · 4749 阅读 · 0 评论 -
git查看当前分支从那个分支拉取的
git reflog --date=local | grep 分支名原创 2021-10-09 16:10:38 · 1214 阅读 · 0 评论 -
elementUI清空部分表单验证提示信息
清空表单全部数据和验证提示的信息可以使用 this.$refs[formName].resetFields();但是当我们在编辑表单时,附带了之前的信息,这个时候再清空表单所有数据就不合适了。iview的resetFields方法源码是这样的resetFields:function(){this.fields.forEach(function(e){e.resetField()})}从这个forEach我们可以联想出整个表单的域是通过循环一个个重置的,每个域通过resetField这个方法进行重.原创 2021-07-16 15:05:34 · 2130 阅读 · 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 · 1324 阅读 · 0 评论 -
vant适配移动端750设计稿
前言针对移动端750的设计稿,我们引入vant组件会导致缩小一半,这是因为vant是350的设计稿。原创 2020-10-20 16:17:24 · 3082 阅读 · 6 评论 -
使用el-dialog点击就出现阴影的处理方法
element-ui 使用 el-dialog的时候,有时会出现一点击就有阴影的现象,如下图解决方法:在 el-dialog 里添加 append-to-body 即可原创 2020-09-15 17:21:45 · 2330 阅读 · 0 评论 -
解决vue项目出现Navigating to current location (XXX) is not allowed 报错
出现原因:在当前路由重复点击当前路由解决方案:在 router/index.js文件里添加下列方法即可原创 2020-09-10 11:29:34 · 3001 阅读 · 0 评论 -
vue刷新页面
介绍下背景如图所示,点击推荐职位仍然跳转到 当前职位详情页,发现直接使用this.$router.push({name: 'ZhiweiDetail', params: {id: id}}) 并不会刷新当前页面数据。解决方法网上说有三种方法,但是比较靠谱实用的还是第三种哈哈哈哈哈哈,所以我这里就只写第三种,其他两种有兴趣的同学可以自己查阅。第一步在app.vue文件添加如下代码第二步在需要引用的页面添加代码嗯,多亏了这篇文章才得以顺利解决问题https://b原创 2020-07-24 15:44:42 · 110 阅读 · 0 评论 -
用watch监听$store的数据变化
如监听this.$store.state.nowCity的值,在watch对象中写watch: { '$store.state.nowCity' () { //你需要执行的代码 } },原创 2020-07-07 17:20:46 · 3588 阅读 · 0 评论 -
vue 使用watch同时监听多个属性
在开发中,遇到需要监听多个属性,然后执行同一个函数,这里记录两种方法第一种方法data () { return { city: '', area: '', currentPage: '' }}, watch: { city: function (val) { // 写要执行的代码片段 }, area: function (newVal,oldVal) { // 写要执行的代码片段 }, }第二原创 2020-06-19 16:41:15 · 1221 阅读 · 0 评论 -
vue项目在手机上进行调试
vue项目想在手机上打开,可以在vue项目config文件夹下的index.js里把host的属性值改成你自己本机的IP地址然后重启项目npm run dev然后复制地址栏的地址到手机浏览器打开就行原创 2020-06-13 15:18:33 · 631 阅读 · 0 评论 -
vue2.0项目去掉默认链接的#
修改路由router下的index.js文件添加mode:'history'原创 2020-05-25 15:13:24 · 213 阅读 · 0 评论 -
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 · 92 阅读 · 0 评论 -
解决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 · 3339 阅读 · 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 · 2723 阅读 · 0 评论 -
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 · 185 阅读 · 0 评论