element ui radio单选框应用

由于选项默认可见，不宜过多，若选项过多，建议使用 Select 选择器
直接上代码

          <el-radio v-model="radio" label="Down" @change="dateDown">时间正序</el-radio>
          <el-radio v-model="radio" label="Up" @change="dateUp">时间倒序</el-radio>

要使用 Radio 组件，只需要设置v-model绑定变量，选中意味着变量的值为相应 Radio label属性的值，label可以是String、Number或Boolean
其中时间change可以绑定回调函数，选择相应的单选框会调用相应的函数
我这是实现对时间正序和倒序，上代码

 dateDown(target){//根据日期正序排列视频
      this.movieIndexChange.sort(function(a,b){
        let date1 = a.date + ' 00:00:00'
        let date2 = b.date + ' 00:00:00'
        let seconds1 = Date.parse(date1)
        let seconds2 = Date.parse(date2)
        return seconds1 - seconds2
      })
    },
    dateUp(){//根据日期倒序排列视频
      this.movieIndexChange.sort(function(a,b){
        let date1 = a.date + ' 00:00:00'
        let date2 = b.date + ' 00:00:00'
        let seconds1 = Date.parse(date1)
        let seconds2 = Date.parse(date2)
        return seconds2 - seconds1
      })
    }

由于我的时间是只到日的，所以加上’ 00:00:00’后将其转化为毫秒进行对比。