V-IF实现组件自身销毁
创新互联拥有网站维护技术和项目管理团队，建立的售前、实施和售后服务体系，为客户提供定制化的成都网站设计、网站制作、网站维护、雅安电信机房解决方案。为客户网站安全和日常运维提供整体管家式外包优质服务。我们的网站维护服务覆盖集团企业、上市公司、外企网站、商城网站开发、政府网站等各类型客户群体，为全球上千余家企业提供全方位网站维护、服务器维护解决方案。
前面说了一些自己怎么思考得来，如果时间急可直接看
最后~~~~
通知提示组件案例分析
在编写一些简单的通知组件案例中，可能会这样去写
//在[index.js]的install方法里
setTimeOut(()=>{
document.body.removeChild([DOM])
, timer}
//定时的移除DOM
再看另一个Loading插件案例V-show
template :
javascript :
export default {
name: 'loading',
data(){
return {
showLoading: false
}
},
methods: {
show(){
this.showLoading = true
},
hidden(){
this.showLoading = false
}
},
mounted() {
console.log('Loading is mounted!!!')
},
}
看完上一个联想V-IF控制DOM渲染
因此在template里div最外层绑定v-if属性就可以,再有方法控制其值即可
template :
javascript :
export default {
name: 'Test',
data() {
return {
canShow: true
}
},
mounted() {
setTimeout(()=>{
this.canShow = false
},1000)
}
}
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持创新互联。
分享标题：VUE实现自身整体组件销毁的示例代码
链接URL：
http://cdkjz.cn/article/jhhsoh.html
