- 博客(19)
- 收藏
- 关注
原创 css的transition失效,使用js实现页面左右滑动及动画效果
css的transition失效,使用js的setInterval实现页面左右滑动及动画效果
2022-10-31 15:33:16
1193
原创 el-table的后端排序以及,用Checkbox的选择多行数据
el-table使用sortable进行后端排序。el-table选择多行数据时使用 Checkbox。
2022-10-11 15:18:42
705
原创 可编辑的el-table表格
可编辑的el-table表格,可以结合input输入框,select选择框,tree树形结构等。实现序列递增,删除的序列不会再出现。
2022-10-10 17:59:12
4460
3
原创 iframe跨域,子页面向父页面传递数据
iframe跨域,子页面向父页面传递数据,window.addEventListener和window.parent.postMessage
2022-09-23 15:58:48
315
原创 vue组件之间的传递数据
目录父传子子传父兄弟互传爷孙父传子,父调用子方法父组件 father.vue<template> <children :father="father" ref="mychildren"></children> <button @click="clickChildrenFunction">调用子组件方法</button></template><script&g..
2022-03-10 16:41:13
1233
原创 vue中keep-alive的include属性允许组件有条件地缓存
A,B,C,D四个页面,底部有tabs切换,首次点击切换时刷新页面,再次点击切换时取缓存中的页面数据,D页面有按钮,点击清除缓存,重新进行页面刷新以及页面缓存tabs组件<transition @after-enter="afterRouterChange"> <keep-alive :include="keepAliveArr"> <router-view ref="child"></router-view> </k
2022-02-23 09:56:01
1240
原创 el-input输入时,对区间范围的限制,validator
控制输入的内容在规定的区间范围内<el-form ref="formData" :model="formData" :rules="rules"> <el-form-item label="价格:" prop="price"> <el-input type="text" v-model="formData.priceFrom" placeholder="请输入"></el-input>- <el-input type="t.
2022-02-22 17:44:52
1087
原创 element-ui的el-table表格数据展示方法
1<el-table-column label="居室" prop="roomNumber"> <template slot-scope="scope"> <div>{{ scope.row.roomNumber=== 1 ? "一居室" : "两居室" }}</div> </template></el-table-column>2 <el-table-column label="面
2022-02-22 16:48:27
2413
原创 vue.draggable实现拖拽排序,设置可拖拽位置以及不允许拖拽元素
<table> <!--固定表头--><tr> <th width="60">排序</th> <th width="200">部门名称</th> <th width="200">部门类型</th> </tr> <!--拖拽内容--> <draggable tag="tbody" :...
2022-02-22 16:27:45
8060
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人