说明:该组件基于jquery和flexible.js
vue移动端错误信息弹出提示(1.5s后,自动关闭)
<template>
<div class="error_message" v-show="message"><div class="error">{
{message}}</div></div>
</template>
<script>
export default({
data(){
return {
initTop:0,
};
},
watch:{
message:{
handler(val, oldVal){
if(val){
var _self = this;
setTimeout(function(){
_self.$parent.$data.message = "";
},1500);
}
}
}
},
mounted(){
var mTop = $(".error_message").css("margin-top");
this.initTop = parseFloat(mTop.substring(0,mTop.length-2));
var _self = this;
$(window).scroll(function(){
var scrollTop