微客导航 » 文章资讯 » VUE实现自身整体组件销毁的示例代码

VUE实现自身整体组件销毁的示例代码

2023-08-03 04:38:04 198

V-IF实现组件自身销毁

前面说了一些自己怎么思考得来，如果时间急可直接看

最后~~~~

通知提示组件案例分析

在编写一些简单的通知组件案例中，可能会这样去写

//在[index.js]的install方法里
setTimeOut(()=>{
document.body.removeChild([DOM])
,timer}
//定时的移除DOM

再看另一个Loading插件案例V-show

template:

javascript:

exportdefault{
name:'loading',
data(){
return{
showLoading:false
}
},
methods:{
show(){
this.showLoading=true
},
hidden(){
this.showLoading=false
}
},
mounted(){
console.log('Loadingismounted!!!')
},
}

看完上一个联想V-IF控制DOM渲染

因此在template里div最外层绑定v-if属性就可以,再有方法控制其值即可

template:


javascript:

exportdefault{
name:'Test',
data(){
return{
canShow:true
}
},
mounted(){
setTimeout(()=>{
this.canShow=false
},1000)
}
}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

返回顶部
3162201930
czq8825@qq.com

VUE实现自身整体组件销毁的示例代码

热门推荐

随机推荐