类型选择关联前端操作

有知道小红书商家入驻类型选择那一步的前端操作嘛,

img

img

就是这种选择之后在外面展示的前端操作,有人知道吗,用的是elementUI

  • 这有个类似的问题, 你可以参考下: https://ask.csdn.net/questions/7497945
  • 我还给你找了一篇非常好的博客,你可以看看是否有帮助,链接:自己实现一个elementUI穿梭框,没有样式只是自己写着玩的只实现了穿梭框的左右穿梭功能
  • 除此之外, 这篇博客: elementUi时间控件 设置只能点击今天和今天以前的中的 限制选择开始时间不能小于当前时间。并且结束时间不能大于开始时间(比上面多了层限时 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  • <el-date-picker
           v-model="value1"
           type="date"
           placeholder="开始日期"
           :picker-options="pickerOptions0">
    </el-date-picker>
    <el-date-picker
           v-model="value2"
           type="date"
           placeholder="结束日期"
           :picker-options="pickerOptions1">
    </el-date-picker>
    data(){
    return{
    value1:'',
    value2:'',
    
    
       pickerOptions0: {//结束时间不能大于开始时间
                    disabledDate: (time) => {
                        if (this.addForm.date_range_end) {
                            return time.getTime() > new Date(this.addForm.date_range_end).getTime();
                        }else{//还没有选择结束时间的时候,让他只能选择今天之后的时间包括今天
                            return time.getTime() < Date.now() - 8.64e7
                        } 
     
                    }
                },
                pickerOptions1: {
                    disabledDate: (time) => {
                        if(this.addForm.date_range_start){
                          return time.getTime() < new Date(this.addForm.date_range_start).getTime() - 1*24*60*60*1000;//可以选择同一天
                        }
                    }
                },
    }
    }
    
  • 您还可以看一下 徐杨老师的ElementUI入门到实战教程课程中的 前篇ElementUI框架介绍小节, 巩固相关知识点