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