VUE实现自身整体组件销毁的示例代码
V-IF实现组件自身销毁
创新互联拥有网站维护技术和项目管理团队,建立的售前、实施和售后服务体系,为客户提供定制化的成都网站设计、网站制作、网站维护、雅安电信机房解决方案。为客户网站安全和日常运维提供整体管家式外包优质服务。我们的网站维护服务覆盖集团企业、上市公司、外企网站、商城网站开发、政府网站等各类型客户群体,为全球上千余家企业提供全方位网站维护、服务器维护解决方案。
前面说了一些自己怎么思考得来,如果时间急可直接看
最后~~~~
通知提示组件案例分析
在编写一些简单的通知组件案例中,可能会这样去写
//在[index.js]的install方法里 setTimeOut(()=>{ document.body.removeChild([DOM]) , timer} //定时的移除DOM
再看另一个Loading插件案例V-show
template :
loading
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) } }aaaaaaaaaaaaa
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持创新互联。
分享标题:VUE实现自身整体组件销毁的示例代码
网页URL:http://scyanting.com/article/jhhsoh.html