vue子组件封装弹框只能执行一次的mounted如何解决
导读：本文共2201字符，通常情况下阅读需要7分钟。同时您也可以点击右侧朗读，来听本文内容。按键盘←（左） →（右） 方向键可以翻页。
摘要： vue子组件封装弹框只能执行一次的mounted封装了一个子组件来处理弹框内容，发现只能执行一次，在父组件添加一个 v-if 即可，当每次弹框关闭的时候销毁掉该组件就没有问题了。贴一下简易代码：父组件：<add-dialogv-if="addVisible":dialogVisible="addVisible"@ad... ...
目录
(为您整理了一些要点),点击可以直达。
封装了一个子组件来处理弹框内容，发现只能执行一次，在父组件添加一个 v-if 即可，当每次弹框关闭的时候销毁掉该组件就没有问题了。
贴一下简易代码：
父组件：
子组件：
在常见的博客中都会这样写到
created:在模板渲染成html前调用，即通常初始化某些属性值，然后再渲染成视图。
mounted:在模板渲染成html后调用，通常是初始化页面完成后，再对html的dom节点进行一些需要的操作。
在实际的开发过程中我们会经常使用create方法，在页面还未渲染成html前，调用函数，从后端获取数据，在实现对页面的数据进行显示。
比如说下面例子
mounted通常是在一些插件的使用或者组件的使用中进行操作 也就是页面渲染之后执行 通常情况下我们会在没有相应的点击事件，但需要在页面展示过程中去不断调用某一函数情况下使用。
比如说在常见的订单支付功能，我们点击立即付款后，跳转到付款页面。
这是时候需要我们不断访问后端接口查看用户是否支付成功，支付成功后进行跳转。
我们需要将查询函数的调用写在mounted函数中，并通过计时器不断调用。
定时器方法介绍
setInterval()有两个参数一个是要执行的函数，一个是要执行的时间间隔单位为毫秒，此处函数采用箭头函数
ES5 语法如下
将定时器赋给time 对象
清除定时器 clearInterval(this.time1)
vue子组件封装弹框只能执行一次的mounted如何解决的详细内容，希望对您有所帮助，信息来源于网络。