前端小白学vue-优快云博客

原创 vue-iview 多选框Checkbox和 v-show 根据真假响应式来显示元素和隐藏

多选框Checkbox和 v-show 根据真假响应式来显示元素和隐藏原理：v-show指令的原理是修改元素的的CSS属性(display)来决定实现显示还是隐藏代码：<Checkbox-group v-model="formData[item.name]" @on-change="changeBox"><Checkbox :label="item.displayName.zh">用户认证</Checkbox></Checkbox-group>

2021-09-14 11:10:19 777

原创 iview 的时间date-picker 为 datetimerange 和Select为value=“ “ 的验证问题

1.iview的 Select下拉框的时候,数据验证必填,选择了数据,却一直提示验证不能通过<Form :model="formData" ref="formValidate" :rules="ruleValidate" <FormItem label="请选择类型" prop="depttype" label-position="top"> <Select v-model="formData.depttype" value="formData.depttype"&g

2021-08-10 10:30:46 601

原创 vue+iview的switch组件使用返回值控制开关

按照官方文档的使用方法，开关没有实现官方代码如下实现方法<template> <i-switch size="large" v-model="isonline" @on-change="change"> <span slot="open" >停止通道</span> <span slot="close">开启通道</span> </i-switch>

2021-08-05 17:21:46 537

原创【VUE】VUE+iview 遇到的坑----跳转页面后不出现滚动条

跳转后滚动条不见了<template> <div class="divWarp">内容</div></template>原因就是页面跳转后，body被加上了一个style="overflow: hidden;解决方法：为body设置属性overflow: auto !important;在当前页面设置body{ overflow: auto !important;}.divWarp{width: 100%;height:10

2021-07-22 15:22:47 394

原创 vue 中自定义按钮实现video暂停和播放

video视频中加暂停按钮dom元素如下代码块:<div class="videoShow"> <video src="../assets/1.mp4" style="width:100%;height:100%" id="videoBox" controls="controls" ref="videoPlay"> 您的浏览器不支持视频播放 </video> <div class="video-img" v-show='plays' @cl

2021-04-22 16:37:45 5372 1

原创 vue elementui el-date-picker 根据接口返回的时间设置可选择的时间段

vue elementui el-date-picker 单个输入框的实现vue template 代码：:picker-options=“pickerOptions” 便是限制选择时间的属性，在data中可以这样写<el-date-picker v-model="dateTimes" type="monthrange" format="yyyy-MM" value-format="yyyy-MM" range-separator="至" start-placeholder="开

2021-04-13 14:22:41 2148 2

原创 Element ui Backtop 回到顶部问题&解决方法

(Element ui Backtop 回到顶部问题&解决方法)1.位置<template> <div class="Box"> <el-backtop><div>UP</div></el-backtop> //放在内容的上面 <div>------内容------</div> </div></template2.用官网的例子不显示 <

2021-03-04 18:33:05 990 2

原创 element中table固定列（fixed）动态布局造成的列表错乱

学习使用element-UI时，使用table固定左边第一列，在这列上加fixed时，动态切换表格列设置设置时就会出现错乱，情况如下：看了官网，里面写了doLayout的方法，可以解决了1.要记得在table那里加一个ref2.然后就是接口请求得到数据的时候，走一遍这个方法this.$nextTick(()=>{ this.$refs.table.doLayout() // table那里加一个ref="table"})...

2020-07-31 15:46:19 5691

qq_33164351的博客