Vue
Tiger_wa
我们的目标是星辰大海
展开
-
Vue高度设置100%无效
Vue高度设置100%无效场景: 当单页面需要整个页面填充颜色等操作,需要页面高度为屏幕高度,设置height:100%无效解决方法:在App.vue中设置height: 100%//App.vuehtml,body,#app { height:100%;}...原创 2020-04-15 10:41:19 · 2555 阅读 · 0 评论 -
调用框架API时添加自定义参数
调用框架API时添加自定义参数场景:当调用Ant Design等框架使用组件时,添加自定义的字段区分不同表单使用此API的方式,以减少冗余代码。问题:添加自定义参数时无法保留原默认参数例:<a-pagination @change="onChange" :total="50" />API说明:当需要添加自定义参数:分类标志(1、2、3、4…)时<a-pagi...原创 2020-04-07 11:06:43 · 605 阅读 · 0 评论 -
vue页面缓存--动态keep-alive
需要实现的场景当 A页面除了返回上级页面以外,跳到其他页面均缓存A页面内容实现思路使用keep-alive的include属性,将需要缓存的页面加入include数组中使用vuex保存需要缓存的页面集合在页面跳转时使用导航守卫判断路由跳转页面调用vux中的方法修改include集合代码实现如下App.vue<template> <keep-alive :...原创 2019-12-12 14:33:13 · 270 阅读 · 0 评论 -
在函数的默认传参之外额外传入自定义参数
当使用input,blur这些方法使,会默认携带event参数,从而在不传参的情况下也能获取event的内容,然而很多时候,需要在获取默认参数的同时,获取另外自定义的参数,如下情况:@blur="confirmSortHandler(record)"要同时获得event和record两个参数,如下是不行的@blur="confirmSortHandler(event, record)"...原创 2019-12-09 14:44:29 · 1287 阅读 · 0 评论 -
Vue九宫格跑马灯抽奖
九宫格跑马灯效果抽奖九宫格样式,实现随机选择九宫格内奖品,且跑马灯实现效果时由快到满,如有需求获取固定位置奖品时,根据需求调整goLottery()中的代码即可<template> <div class="cj_box"> <div class="line_item" :class="index == 1 ? 'active' : 'white_ite...转载 2019-11-25 13:29:51 · 1446 阅读 · 0 评论 -
[Vue]中给单个页面设置背景色
当页面高度并没有撑满整个屏幕时,设置html、body都不能达到撑满整个屏幕高度。通过document设置可以完美解决此问题。此外,style需加上scoped限制,否则会影响其他页面背景色。document.body.style.backgroundColor="#ffffff";...原创 2019-09-29 14:04:00 · 2621 阅读 · 2 评论