Vue 自定义弹出框组件（类似淘宝选择规格）

底部选择实现效果1.弹出效果添加动画2.直接调用组件，调用方法为：<select-rules ref="colorSelect" :price="price" :mainPic="mianUrl" @getCartNum="getCartNum" ></select-rule

honey缘木鱼

4126人浏览 · 2019-01-02 19:50:03

honey缘木鱼 · 2019-01-02 19:50:03 发布

底部选择

实现效果

1.弹出效果添加动画

2.直接调用组件，调用方法为：

<select-rules ref="colorSelect" :price="price" :mainPic="mianUrl" @getCartNum="getCartNum" ></select-rules>

demo下载地址：https://github.com/dt8888/selectRulesAlter

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^