vue
你是不是在坐飞机
这个作者很懒,什么都没留下…
展开
-
element table 表格排序(无限级)
element无限级列表排序原创 2023-02-02 10:29:35 · 228 阅读 · 0 评论 -
sortablejs 拖拽排序部分情况动态禁用拖拽
sortablejs 拖拽排序部分情况动态禁用拖拽原创 2022-11-14 15:31:41 · 6851 阅读 · 0 评论 -
vue2.7父子组件defineProps和defineEmits,获取子组件方法,更新父组件
vue2.7原创 2022-07-08 17:31:24 · 2703 阅读 · 2 评论 -
vue watch监听新旧数据相同问题
错误情况data() { return{ params: { id: '', list: [] } }}watch: { params: { handler: function(newVal, oldVal) { console.log(newVal, oldVal) }, deep: true }}此时的监听可以正常触发,但是新旧(newVal, oldVal)的数据都是相同的(为最新值)解决方法如果此原创 2021-09-29 11:11:49 · 5335 阅读 · 3 评论 -
animate.css 无效
引入npm install animate.css --savemain.js 文件中import animated from 'animate.css'Vue.use(animated)html<div class="animated bounceInLeft"> 测试动画</div>但是发现无法实现效果,切当前的版本为4.1.1经查发现版本4以后,使用名称改为class="animate__fadeInLeft"上文中的 class="anima原创 2021-09-26 16:06:48 · 981 阅读 · 0 评论 -
vue 普通列表间隔无限滚动
vue 普通列表间隔滚动实现原理:表格上滑一行数据的高度,如何将第一行数据删除放入到数组尾部,实现循环滚动效果。利用 setInterval 控制滚动的间隔时间。(记得离开页面时一定要销毁 setInterval)transition 里设置的时间要和setTimeout里的相同, 避免滑动过程中数据删除出现错误。滚动过程中每行的背景颜色会随着滚动变化,在数组中加入固定的 key(可随意命名) 字段,实现间隔行颜色不相同(index不能使用,会随滚动变化)。@mouseover 鼠标移入,@mo原创 2021-02-23 17:32:31 · 530 阅读 · 0 评论 -
DateTimePicker 日期时间选择器 hh->HH 默认选择无法使用,选择时间变成12小时制
DateTimePicker 日期时间选择器出现问题:默认选择无法使用,选择时间变成12小时制<el-date-picker v-model="value2" type="datetimerange" align="right" start-placeholder="开始日期" end-placeholder="结束日期" value-format="yyyy-MM-dd hh:mm:ss" :default-原创 2021-01-29 10:29:13 · 1218 阅读 · 2 评论 -
Sortable element ui表格拖拽
Sortable表格拖拽1例子(element表格)<el-table :data="dataList" // 数据 class="table-sort" // 定位 row-key="id" // 数据中的唯一值 > <el-table-column prop="name" label="姓名" width="180"> </el-table-colum原创 2021-01-04 15:28:29 · 308 阅读 · 0 评论 -
element 上传组件不立即上传如何判断文件类型(auto-upload=‘false‘),accept不能完全限制上传文件格式
element 上传组件不立即上传如何判断文件类型(auto-upload=‘false’)问题accept不能完全限制上传文件格式使用accept虽然可以在拖拽上传时避免传入其他文件,但是使用点击上传时无法做到完全过滤。点击全部就可以对所有类型文件进行上传!如图,选择所有文件就可以对所有格式的文件进行上传!auto-upload='false’时不能使用before-upload钩子实现代码组件代码 <el-upload drag acti原创 2020-09-07 16:37:01 · 8080 阅读 · 0 评论 -
element tree树形结构修改三角图标和添加标签图标
修改三角图标效果不废话,先上图!修改前修改后实现代码<el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick" > </el-tree><style lang="scss" scoped>.el-tree{ /deep/ .el-icon-caret-right:before{ // 未展开原创 2020-08-13 16:22:39 · 3769 阅读 · 3 评论 -
element select 设置预先的值后无法选择问题
element select 设置预先的值后无法选着问题 <el-select v-model="form.value" placeholder="请选择" style="width: 100%"> <el-option v-for="item in roles" :key="item.value" :label="item.label原创 2020-08-12 09:47:44 · 595 阅读 · 0 评论 -
element el-image 大图预览顺序出错和加载失败问题
element el-image 大图预览顺序出错el-image使用方法<div class="img" v-for="(item,i) in imageList" :key="i" > <el-image style="width:100%;height:100%" :src="item" :alt="item" :lazy="true" :preview-src-list="imageList" /></div&原创 2020-07-07 09:27:57 · 3712 阅读 · 2 评论