- 博客(15)
- 收藏
- 关注
原创 多个swiper同时存在切换tab因父级为display:none子级swiper卡住无法正常切换
多个swiper同时存在切换tab因父级为display:none子级swiper卡住无法正常切换
2022-10-31 10:03:32
334
原创 this.$router.push传参
方法一:this.$router.push({ name: 'Shelfmanagedetails', params: { key: val }})接收参数方式:this.$route.params.key缺点:新页面接收参数之后,如果刷新页面参数就会丢失方法二:this.$router.push({ path: 'shelfmanagedetails/' + val })路由中:path: 'shelfmanagedetails/:shelf_id?',// 若:
2022-05-20 14:25:54
377
原创 ElementUI清除表单 表单重置 防踩坑
用了elementUI里的form表单,表单重置的几个关键点,我整理了一下,防止踩坑1.表单刚开始的时候要绑定ref属性,不然在调用$refs时会找不到你传进来的表单名2.el-form-item标签上绑定prop属性,prop属性的属性值就是对应表单里的参数名<el-form ref="voucher" class="uploadVoucher" :model="voucher" label-width="120px"> <el-form-item label="订
2022-04-24 10:08:28
2876
原创 兄弟组件传值
1、main.js// 通过事件总线bus传值Vue.prototype.$bus = new Vue()2.要传值的子组件的传值方法中:this.$bus.$emit('toCurrentLocation', obj)// $emit用来传值,第一个参数是传值的方法名,第二个参数是要传的参数3.要接收值的子组件中:$on用来接收兄弟组件的值,第一个参数是接受值的方法名,与传值的方法名相同,第二个参数是个方法,value就是接收到的值,data() { retur.
2022-03-26 10:52:52
1167
原创 解决路由跳转传参刷新页面后参数丢失
1.路由配置//:参数后不加?的话不传参就不能跳转该页面2.跳转方法3.跳到目的页后获取参数this.$route.params获取的是一个对象,包含所有传过来的参数再刷新页面就不会丢失参数了
2022-03-10 14:18:00
1039
原创 不跳转页面切换登录注册页
给两个同级目录绑定v-show参数,里边分别放登录页和注册页的内容2.给要点击跳转的按钮添加点击事件3.设置默认显示登录页4.在methods里加入以下代码,用来控制页面显示内容即可...
2022-01-14 13:46:49
265
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人