Vue.js
阿阿阿尔呀
挣扎在技术巅峰的山脚
展开
-
element日历插件获取显示的第一天和最后一天
这个日历插件右上角的按钮上个月下个月事件,切换后默认是那月1号,传入这个时间就可以重新获得切换后的月份的时间范围,用v-model绑定切换后的数据。已知星期排版是固定的,第一天是星期天,最后一天是星期六。通过当月1号和最后一天再往前推算需要展示上个月几天,和下个月几天。需求是要传入当前显示的第一天和最后一天来获取范围,再判断某个日期是否有内容标记。watch监听变动来做事件。原创 2023-09-22 11:10:05 · 1430 阅读 · 0 评论 -
使用requestAnimationFrame分页渲染
使用requestAnimationFrame代替setTimeout,减少了重排的次数,极大提高了性能。 renderList(list) { let renderTreeData = []; const total = list.length; const page = 0; const limit = 100; const totalPage = Math.ceil(total / limit); const rende原创 2021-12-29 14:35:25 · 612 阅读 · 0 评论 -
element表格多行合计
<el-table :data="tableData" border row-key="id" default-expand-all show-summary :summary-method="getSummaries" :tree-props="{ children: 'children' }" > .原创 2021-06-25 16:22:38 · 3663 阅读 · 1 评论 -
umy-ui虚拟表格中的表单验证
首先,umy版本需要更新到最新版,目前是1.1.4。html模块:ux-grid表格头部增加rule,:rules="rules"和自动聚焦:validConfig="{autoPos:true}";ux-table-column增加自动聚焦:edit-render="{autofocus:'.el-input__inner'}";<ux-grid border show-overflow ref="plxTable" keep-source ..原创 2020-11-26 09:50:30 · 2054 阅读 · 1 评论 -
vue清除定时器
const timer = setInterval(() =>{ // 某些定时器操作 }, 500); // 通过$once来监听定时器,在beforeDestroy钩子可以被清除。this.$once('hook:beforeDestroy', () => { clearInterval(timer); .原创 2020-11-20 10:10:15 · 179 阅读 · 0 评论 -
VUE里的rules验证方法调用this数据
rules在data里不能调用本页自己创建的数据或事件,但可以获取到页面全局带$的数据rules:{identifiercode:[{required:this.$route.params.type!='details',message:'服务资源标识符为必填项!',trigger:'blur'}], verson:[{required:this.$route.params.type!='details',message:'请输入版本号',tri...原创 2020-05-25 16:43:31 · 3073 阅读 · 0 评论 -
vue中全局绑定一个键盘事件
全局绑定一个事件:export default { install(Vue, options) { //全局回车键搜索 Vue.prototype.keyEnter = function (vm,functionname,type) { document.onkeydown = function(e) { ...原创 2019-09-29 14:23:03 · 1655 阅读 · 0 评论 -
ivew的render中select数据绑定
render:(h,param)=>{ return h('Select', { props:{ value: this.formItem.RegistTemplate, }, on: { 'on-change':(event) => { ...原创 2019-03-13 10:44:28 · 591 阅读 · 0 评论 -
vue表单验证组件 v-verify-plugin
vue表单验证组件 v-verify-pluginverifygithub:https://github.com/liuyinglong/verifynpm:https://www.npmjs.com/package/vue-verify-plugininstallnpm install vue-verify-pluginusehtml转载 2018-01-05 09:02:28 · 1176 阅读 · 0 评论