vue
梁小茹
这个作者很懒,什么都没留下…
展开
-
vue实现某容器点击放大至全屏
vue实现某容器点击放大至全屏。原创 2023-02-06 14:25:06 · 851 阅读 · 0 评论 -
vue 实现checkbox选中,在上面显示选中的数据,删除取消选中并删除显示的数据...
实现勾选选中和删除取消原创 2022-12-12 11:10:29 · 3316 阅读 · 0 评论 -
vuef12后,table表格随着浏览器高度动态变化
vue原创 2022-11-21 09:51:33 · 438 阅读 · 0 评论 -
vue 走马灯 循环显示下面的小图片
走马灯原创 2022-11-07 11:12:28 · 496 阅读 · 0 评论 -
vue 做文字滚动
vue 文字滚动原创 2022-11-03 14:24:04 · 1787 阅读 · 0 评论 -
vue使用el-date-picker(选择日期和时间)
vue 时间组件原创 2022-11-03 13:53:59 · 174 阅读 · 0 评论 -
vue 侧边栏滚动跟随页面(点击跳到指定标题)
导航栏原创 2022-08-01 18:04:32 · 1890 阅读 · 0 评论 -
el-tree搜索方法使用
el-tree搜索方法原创 2022-06-29 11:24:29 · 561 阅读 · 0 评论 -
vue el-select multiple 下拉多选控件,一打开页面就会触发表单校验问题
多选的下拉原创 2022-06-25 13:17:25 · 1141 阅读 · 0 评论 -
vue使用el-step(每个步骤添加内容)
vue 使用step原创 2022-06-10 13:24:49 · 1680 阅读 · 0 评论 -
Vue el-input限制输入的字符(多种情况 进来看吧)
通过@input只能输入英文大小写和数字 及最大长度maxlength <el-form-item label="经营许可证号" prop="businessCertificate"> <el-input v-model="tableList.businessCertificate" maxlength="50" plac原创 2022-02-15 15:01:48 · 8063 阅读 · 0 评论 -
this.$set的用法
1.this.$set实现什么功能,为什么要用它?当你发现你给对象加了一个属性,在控制台能打印出来,但是却没有更新到视图上时,也许这个时候就需要用到this.set()这个方法了,简单来说this.set()这个方法了,简单来说this.set()这个方法了,简单来说this.set的功能就是解决这个问题的啦。2.怎么用它?举例:1.vue 中写在标签的代码2.export default{}中data数据3.点击按钮触发changeValue方法,✨调用方法:this.$set( tar原创 2022-01-13 09:38:46 · 466 阅读 · 0 评论 -
vue下载模板 (导出)
<el-button size="mini"> <svg-icon icon-class="Icon-Save" style=" border: 1px dashed #afb0b2; width: 14px; height: 14px; margin-right: 8px; " ><...原创 2022-01-05 11:00:19 · 974 阅读 · 0 评论 -
微信小程序video默认不播放且显示视频第一帧
小程序video 只设置 controls="{{false}}" 会显示播放按钮通过设置show-center-play-btn="{{false}}" 就可以把按钮去掉 显示视频封面<video initial-time='0.01' src="{{item}}" controls="{{false}}" objectFit="cover" show-center-play-btn="{{false}}"></video>一点点积原创 2021-12-30 10:28:45 · 2889 阅读 · 1 评论 -
el-cascader 级联选择器回显数据 (带有子级children)
上代码拉这里要说一下加校验 提交得时候是提交数组,所有prop 绑的也是这个值 <el-form-item label="权限范围:" :label-width="formLabelWidth" prop="roleMenuList" > <el-cascader v-model="role_id"原创 2021-12-23 17:38:03 · 1936 阅读 · 0 评论 -
el-cascader 级联选择器 编辑 回显数据
直接看代码把 都有注释噢 这个是没有子级children 的 只有父级他是通过v-model 绑定id 值 来回显数据carList:是循环的数据props:是你要显示的数据 名字 id <el-form-item label="驾驶车辆" :label-width="formLabelWidth" prop="vehicleId" > &.原创 2021-12-23 15:14:02 · 3884 阅读 · 0 评论 -
el-select的change事件,如何传递多个值?
xxx...原创 2021-12-19 12:03:26 · 2523 阅读 · 0 评论 -
如何在input框中加文字(单位)
看图prefix:前面加suffix:后面加 <el-form-item label="车辆载重" :label-width="formLabelWidth"> <el-input v-model="form.name" placeholder="请输入" autocomplete="off" > <原创 2021-12-15 15:25:32 · 10722 阅读 · 1 评论 -
echarts拿到数据后,如何展示
比如一个饼图:首先必须有一个盒子,宽高必须有<div class="piebox" id="piebox" style="width: 100%; height:100%;"></div>data() { return { myChartAnalysis:{}, //考勤分析扇形图 analysisOption:{} //考勤分析扇形图 }; },<script> // 请求接口: getAtt原创 2021-10-14 10:46:02 · 223 阅读 · 0 评论 -
vue 使用wangeditor富文本
展示:父组件中使用:<el-form-item label="内容" prop="content"> <editor-bar v-model="ruleForm.content" :isClear="isClear" @change="change" ></editor-bar></el-form-item><script>import EditorBar fr原创 2021-10-12 16:32:48 · 235 阅读 · 0 评论 -
关于上传文件的操作el-upload
实现:可以查看文件,以及上传,修改后显示的链接<template><el-form-item label="附件" :label-width="formLabelWidth" prop="url"> <a :href="editform.url" target="_blank">点击查看文件</a> <el-upload class="upload-demo"原创 2021-09-27 09:36:37 · 270 阅读 · 1 评论 -
element的dateTimePicker组件清除选择时间 检索时报错 TypeError: Cannot read property ‘0‘ of null的处理
当用控件自带的clearable属性清除选中时间之后检索,console报错TypeError: Cannot read property ‘0’ of null 原因是初始化为空,选中之后有两个值,清除之后变为null,用watch监听处理异常。在此记录一下。在vue的script中添加以下代码:“createTime”对应的是el-date-picker的v-model值 watch: { "createTime"(newVal) { i原创 2021-09-26 14:23:45 · 1192 阅读 · 3 评论 -
Vue-html中字符串溢出为省略号方式总结
1.css样式自带的文本溢出.类名{width: 50px; /设置文本长度,像素或者百分比/overflow:hidden; /溢出的部分隐藏/white-space: nowrap; /文本不换行/text-overflow:ellipsis;/ellipsis:文本溢出显示省略号(…)/}如果要想显示两行,超出用省略号表示要怎么写?{overflow: hidden;-webkit-line-clamp: 2;text-overflow: ellipsis;display原创 2021-09-23 15:40:16 · 1634 阅读 · 0 评论 -
vue + echarts 省份地图 以及打包后地图加载不出来(比较详细)
刚开始地图怎么也出不来,经过解决,是因为echarts.min.js 引入位置在index.html 中引入需要的js版本按照自己需要的来<script src="./static/plugins/echarts-5.1.2/echarts.common.min.js"></script><script src="./static/plugins/echarts.min.js"></script> (必须引入,地图才能加载)全局引入im原创 2021-08-30 10:16:07 · 48154 阅读 · 4 评论 -
vue  没有效果
如果空格符号没有效果:可以这样写<label v-html="'联 系 人'"></label>原创 2021-08-16 10:11:57 · 1266 阅读 · 0 评论 -
在el-input 里面添加按钮或者其他
一般在el-input 里面写入按钮没有效果,可以添加:slot=“suffix” 就可以啦<el-input placeholder="文件名称" > <el-upload slot="suffix" class="upload-demo" > </el-upload> </el-input>...原创 2021-08-10 11:16:44 · 6572 阅读 · 0 评论 -
页面增加<meta>标签,方便被爬虫搜索,网站埋点,加入百度网站统计功能
很多页面都会加meta标签,方便被搜索引擎爬虫搜索(动态显示)请看代码:<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="description" content=""> <meta na原创 2021-07-21 17:31:28 · 742 阅读 · 0 评论 -
vue + el-collapse-transition 实现导航菜单 鼠标经过显示和隐藏
请看:这是鼠标经过每一个navBar鼠标经过显示下面的内容以及页面变成透明主要用到的就是@mouseover @mouseout @mouseenter @mouseleave通过这四个事件去判断<template> <div class="top-nav-wrap"> <div class="container"> <div class="nav-contain" style="display: inline-b原创 2021-07-07 16:35:47 · 1944 阅读 · 0 评论