vue 之this.$router.replace和this.$router.push的区别
摘要：this.$router.push 1.跳转到指定URL，向history栈添加一个新的记录，点击后退会返回至上一个页面 2.声明式 <router-link :to="...."> 编程式 router.push(...)//该方法的参数可以是一个字符串路径，或者一个描述地址的对象。 this.$
阅读全文
posted @
2022-04-06 10:40
林多多
阅读(468)
推荐(0) 编辑
Vue.js 报错：Cannot read property 'validate' of undefined"
摘要：解决： this.$refs.Form.validate()中的与ref="Form"名字叫的不一致，或者ref这个就没有定义。 我这里是因为没有定义ref导致报错的。
阅读全文
posted @
2022-04-01 10:31
林多多
阅读(84)
推荐(0) 编辑
vue-infinite-scroll插件的配置及使用详解
摘要：开发中总会遇到这种下拉加载的设计方案，Vue实现下拉加载最佳方案自然是使用vue-infinite-scroll来实现。接下来我们一起看下它的配置及使用方式。 首先我们先了解下他的配置参数： v-infinite-scroll="loadMore"表示回调函数是loadMore infinite-s
阅读全文
posted @
2022-03-31 11:41
林多多
阅读(1430)
推荐(0) 编辑
element 上传组件 边框样式失效
摘要：el-upload组件声明 图片样式 为 picture-card list-type="picture-card" 修改样式 .avatar-uploader-icon { font-size: 28px; color: #8c939d; width: 148px; height: 148px;
阅读全文
posted @
2022-03-02 11:44
林多多
阅读(411)
推荐(0) 编辑
EL-TABLE中超出显示省略号,HOVER显示所有且可复制(EL-POPOVER和EL-TOOLTIP)
摘要：其实table里有个属性show-overflow-tooltip,可以实现超出显示省略号,但是hover的时候不好复制,所以考虑别的方式elementui提供了2种方式: 实现代码如下:el-tooltip <el-table-column label="请求数据" width="300px">
阅读全文
posted @
2022-01-20 10:56
林多多
阅读(2922)
推荐(0) 编辑
月份+0
摘要：let obj = JSON.parse(JSON.stringify(this.searchForm)) if (Number(obj.month) < 10 && obj.month !== '') { obj.month = '0' + obj.month }
阅读全文
posted @
2022-01-13 16:54
林多多
阅读(21)
推荐(0) 编辑
声明式导航&编程式导航
摘要：1.在浏览器中，点击链接实现导航的方式，叫做声明式导航，例如： 普通网页中点击<a>链接、vue项目中点击<router-link>都属于声明式导航 2.在浏览器中，调用API方法实现导航的方式，叫做编程式导航,例如: 普通网页中调用location.href跳转到新页面的方式，属于编程式导航 vu
阅读全文
posted @
2021-12-15 14:45
林多多
阅读(704)
推荐(0) 编辑
快速上手Vue+百度地图
摘要：目录结构 准备工作 1.创建脚手架 2.安装地图 3.在main中引入 4.简单使用百度地图 5.地图缩放 6.自定义地图样式 7.地图标注 准备工作 注册百度地图并且创建 ak 先进入 http://lbsyun.baidu.com/ 官网注册账号 然后去控制台 -> 我的应用 -> 创建应用 复
阅读全文
posted @
2021-12-11 15:03
林多多
阅读(395)
推荐(0) 编辑
ref引用
摘要：什么是ref引用？ ref用于辅助开发者在不依赖于jQuery的情况下，来获取DOM元素或组件的引用 每个vue的组件实例上，都包含一个$refs对象，里面存储着对应的DOM元素或组件的引用。默认情况下，组件的$refs指向一个空对象。 父组件调用子组件方法 1.在子组件标签上定义ref="name
阅读全文
posted @
2021-12-07 19:25
林多多
阅读(83)
推荐(0) 编辑
关闭eslint检查
摘要：在 vue.config.js中配置 module.exports = { lintOnSave: false, // 当保存时不进行eslint的检查 devServer:{ open:true//自动打开默认浏览器 }}
阅读全文
posted @
2021-12-07 19:15
林多多
阅读(100)
推荐(0) 编辑
重置vue组件的data数据
摘要：在vue单文件组件里有时需要重置data中的数据，比如表单填写一半，用户想重新填写。 也可以通过给组件 $data 对象赋值来重置来重置整个 $data this.$data = this.$options.data()
阅读全文
posted @
2021-11-13 08:58
林多多
阅读(402)
推荐(0) 编辑
动态路由
摘要：动态路由指的是：把hash地址可变的部分定义成参数项，从而提高路由规则的复用性。
阅读全文
posted @
2021-11-05 13:55
林多多
阅读(213)
推荐(0) 编辑
路由懒加载
摘要：路由懒加载： 整个网页默认是刚打开就去加载所有页面，路由懒加载就是只加载你当前点击的那个模块。 按需去加载路由对应的资源，提高首屏加载速度（tip:首页不用设置懒加载，而且一个页面加载过后再次访问不会重复加载）。 实现原理：将路由相关的组件，不再直接导入了，而是改写成异步组件的写法，只有当函数被调用
阅读全文
posted @
2021-11-05 11:46
林多多
阅读(227)
推荐(0) 编辑
