javascript - masalah parameter komponen vue
大家讲道理
大家讲道理 2017-05-19 10:13:47
0
3
610
var down = {
        template:'<span :endTime="endTime" :callback="callback" :endText="endText"><slot>{{content}}</slot></span>',
        data(){
           return {
            content: "",
           }
        },
        props:{
            endTime:{
                type: String,
                required:true,
                default :""
            },
            endText:{
               type : String,
               default:"已结束"
            },
            callback : {
                type : Function,
                default :""
            }
        },
        created() {
            console.log(app);
            // let endTime=this.$route.query.id;
        },
        mounted () {
          this.countdowm(this.endTime)
        },
        methods: {
           countdowm(timestamp){
            let self = this;
            let timer = setInterval(function(){
                let nowTime = new Date();
                let endTime = new Date(timestamp * 1000);
                let t = endTime.getTime() - nowTime.getTime();
                if(t>0){
                    let day = Math.floor(t/86400000);
                    let hour=Math.floor((t/3600000)%24);
                    let min=Math.floor((t/60000)%60);
                    let sec=Math.floor((t/1000)%60);
                    hour = hour < 10 ? "0" + hour : hour;
                    min = min < 10 ? "0" + min : min;
                    sec = sec < 10 ? "0" + sec : sec;
                    let format = '';
                    if(day > 0){
                       format =  `${day}天${hour}小时${min}分${sec}秒`;
                    }
                    if(day <= 0 && hour > 0 ){
                       format = `${hour}小时${min}分${sec}秒`;
                    }
                    if(day <= 0 && hour <= 0){
                       format =`${min}分${sec}秒`;
                    }
                    self.content = format;
                    }else{
                      clearInterval(timer);
                      self.content = self.endText;
                      self._callback();
                    }
                 },1000);
               },
               _callback(){
               if(this.callback && this.callback instanceof Function){
                     this.callback(this);
                 }
            }
        }
    }
<count-down endTime="1497004418" :callback="callback"  endText="已经结束了"></count-down>

vue menghantar data melalui komponen hitung mundur This.endTime tidak boleh mendapatkan data masuk Sekarang saya ingin mendapatkan parameter, dan parameter boleh digunakan

大家讲道理
大家讲道理

光阴似箭催人老,日月如移越少年。

membalas semua(3)
左手右手慢动作

cap masa ialah cap masa jenis rentetan * 1000. Bolehkah kami mendapatkan datanya?

大家讲道理

masa akhir sepadan dengan masa akhir

PHPzhong

Templat ditulis dengan salah
span ialah tag html asli dan bukan komponen vue

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan