主要介绍了详解element-ui设置下拉选择切换必填和非必填，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

➢ 需求 默认都是必选 下拉选择的时候 选择必填，活动名称为必填，需要校验和显示* 选择非必填，活动名称不做校验，隐藏* ➢ 初始校验规则 经测试，网上其他的方式都没有实现需求，动态切换rules中的required没有作用 因为按照以下的写法的话，element-ui在组件初始化后校验规则就定型了，切换也没用 rules: { name: [ { required: true, message: "请输入名称", trigger: "blur" } ], region:

公司的系统中，产品经理在设计时经常要求对某个字段进行区间阈值设置或者作为筛选条件。但是苦于element中没有非常契合的组件（slider组件并不支持两端均能设定），于是自己动手造了一个。 成果 最终的展示效果如下： 需求 这里以项目的需求为例，基本的需求如下： 分为左右值，包含左右值，正整数 左侧必须大于等于1，右侧不得大于100000，右侧值必须不小于左侧 默认：左侧20，右侧100000，均必填 失焦校验 页面和表单校验结构一样： <el-form-item

文字区块 一个用于调整大小，行距和等级的javascr ipt工具，以投放连续响应的版式。 它可以在您当前CSS上作为渐进增强功能工作。 该脚本根据字体大小，行高，变量等级和容器宽度的最小值和最大值计算设置： 最小/最大字体 最小/最大线高 最小/最大容器宽度 最低/最高等级（仅可变字体） 要初始化，请添加要调整大小的元素（必填） 与香草JS 包括主脚本和 使用JS表示法定位目标元素： Textblock ( [ { target : ".some-element"