iview 里面的Tooltip 文字提示，第一次有文字提示，过了禁用文字提示

1.可以用这个属性： <Tooltip v-else :disabled="true"></Tooltip>

disabled

是否禁用提示框

Boolean

false

需求是这样的：

素材添加的时候是【保存按钮】，当点击完【保存按钮】之后，保存变为【审核按钮】，此时【审核按钮】为不可点击，并且鼠标放上面有文字提示，当我试听完这段素材后，【审核按钮】变得可以点击，此时，再把鼠标放在【审核按钮】上，无文字提示！ 

 最后的效果是这样的：

 2. audio 音频控制，不让快进 ，并且判断音频是否播放完毕。

<FormItem label="试听">
     <audio controls="controls" preload="auto" id="musicPlayPanel" style="height:30px;">            
     <source type="audio/mpeg"></audio>
</FormItem>

<FormItem>
   <Button type="primary" v-if="!fromSubmit1" @click="preserveSubmit1('formValidate')">保存    
   </Button>
   <Tooltip v-if="Tooltip" content="试听完毕后，才可以提交审核！" placement="top">
     <Button :disabled="isAble" type="primary" v-if="fromSubmit1" @click="handleSubmit('formValidate')">提交审核</Button>
   </Tooltip>
   <Tooltip v-else :disabled="true">
     <Button  :disabled="isAble" type="primary" v-if="fromSubmit1" @click="handleSubmit('formValidate')">提交审核</Button>
      </Tooltip>
   <Button @click="handleReset('formValidate')" style="margin-left: 8px">取消</Button>
</FormItem> 

 初始化配置：

return{

Tooltip:true,//Tooltip提示文字

isAble: true,//默认是不可点击的

}

        //判断试听是否结束
        end_Audition(){
            var audio = document.getElementById("musicPlayPanel"); 
            var last = 0;
            //当目前的播放位置已更改时
            let that = this;
            audio.ontimeupdate = function () {
                var current = audio.currentTime;
            console.log("current",current);
                if(current - last > 1) {
                    audio.currentTime = last;
                } else {
                    last = current;
                }
                if( audio.currentTime == audio.duration){
                    console.log("audio.duration",audio.duration);
                    that.$Message.info('试听完毕，可以去审核了！');
                    that.isAble = false;
                    that.Tooltip = false;
                    console.log("this.isAble",that.isAble);
                }
            };
        }

最后为了方便大家的沟通与交流请加QQ群： 625787746

请进QQ群交流：【IT博客技术分享群①】：https://jq.qq.com/?_wv=1027&k=DceI0140