My_Soul_的博客

基于vue2和element UI 实现table组件checkbox多选框的单选操作

采用vue 2 框架，基于element ui 实现 table 列拖拽功能开发，并抽象为单独的组件，方便使用。

问题描述在开发时遇到一个数字区间输入框的需求，如下图：项目使用的是vue，组件库用的是element UI，但是element UI并没有提供数字区间组件，只提供了InputNumber 计数器输入框，如果用两个计数器输入框进行拼接也能满足需求，但是样式调试起来太过于复杂且不够灵活，不能令人满意，并且该数字区间输入框在其它界面也有这种需求，于是就在element input输入框的基础上自行封装了一个数字区间组件使用。实现效果实现效果如下：使用方式如下：<input-number-ra

日期校验.jsimport moment from 'moment'export default function dateValidator(rule, value, callback) { const dateType = rule.dateType || 'days' const num = rule.num || 31 const dateString = rule.dateString || '天' const message = rule.message || `时间

element UI组件提供了table的展开和收起功能，并提供了expand-change事件用来监听table行的展开和收起。// 伪代码<template> <el-table @expand-change="handleExpandChange"></el-table></template><script>export default { methods: { handleExpandChange()

问题描述：在使用日期组件DatePicker时，需要自定义一个日期校验规则，为了后续的重复使用，需要将改校验方法抽成一个公用的校验方法，在抽象时需要几个自定义的参数用于辅助处理，那么这些参数该如何传递到自定义的校验方法中呢？需求如下：// 伪代码function 自定义校验(test1, test2, callback) { if (value === 'test1') { callback() } else (value === 'test2') {