浅谈浅谈Vue.js 关于页面加载完成后执行一个方法的问题关于页面加载完成后执行一个方法的问题
首先我们会想着在mounted或者created里面加入想要执行的方法，但是有的时候会遇到在你执行这个方法的时候，页面还并
没有被渲染完成，所以就会出现这个方法在匹配页面标签报错的情况。
解决思路：
1.通过子页面调用父页面的方法，因为在子页面开始渲染的时候，你的父页面肯定是已经渲染好了的，前提这里的方法中是去
找寻父页面的标签。
2.直接在本页面监视一个参数，发现参数被初始化了，说明页面也已经加载完成，因为你的页面用到了这个参数。
方法1案例：tab页里的子页面如果没有内容就隐藏
父页面代码
<el-tabs v-model="initTab" type="card">
<el-tab-pane label="1信息" name="tab1">
1
</el-tab-pane>
<el-tab-pane label="2报告" name="tab2">
2
</el-tab-pane>
<el-tab-pane label="3信息" name="tab3">
3
</el-tab-pane>
<el-tab-pane label="4信息" name="tab4">
<ziyemian-group @tabShow="tabShow" title="4信息" v-if="detailInfo">
</ziyemian-group>
</el-tab-pane>
<el-tab-pane label="5信息" name="tab5">
5
</el-tab-pane>
<el-tab-pane label="其它信息" name="tab6">
6
</el-tab-pane>
</el-tabs>
import ZiyemianGroup from './ZiyemianGroup.vue'
components: {
ZiyemianGroup
},
data () {
return {
detailInfo: {}，
initTab：‘tab1'
}
}
methods: {
tabShow: (data) => {
document.getElementsByClassName('el-tabs__item').item(4).style.display = data
},
}
然后是ZiyemianGroup.vue的代码，这里主要就是方法调用，页面自己搞定
data () {
return {
list: [] }
},
mounted () {
this.init()
},
methods: {
init() {
if (list.length > 0) {
this.$emit('whiteShow', 'inline')
} else {
this.$emit('whiteShow', 'none')
}
)
资源评论
weixin_38688906
- 粉丝: 12
- 资源: 904
最新资源
- 基于单片机智能电子密码锁设计（proteus仿真+程序） （1）输入密码：通过4*4矩阵键盘输入6位密码； （2）修改密码：可以对初始密码进行修改； （3）显示电路：使用LCD1602显示密码锁运行状
- 微电网分层控制中二次控制，集中控制，分布式协调控制，事件触发，运行效果良好
- 三菱Q系列L系列程序 三菱L程序，主站L02PLC QX42.QY42P等输入输出模块.L系列定位控制模块 3C-FPC组装机 三菱JE系列伺服控制，绝对定位，X，Y，Z，R模组取
- MATLAB代码：计及碳捕集电厂灵活运行方式及需求响应的综合能源系统日前调度模型 仿真平台：MATLAB yalmip+cplex 包含新能源消纳、热电联产、电锅炉、储能电池、天然气、碳捕集CCS、计
- 新能源汽车车载双向OBC，PFC，LLC，V2G 双向 充电 新能源汽车车载双向OBC，PFC，LLC，V2G 双向 充电桩 电动汽车 车载充电机 充放电机 MATLAB仿真模型 （1）基于V2G技术
- 潮流追踪法，采用牛拉法计算任意拓扑结构系统网损，支路功率，考虑分布式电源接入情况，采用潮流追踪法计算负荷和分布式电源进行网损分摊
- 三相PWM整流器仿真模型 包括基于开关表的直接功率控制，滞环电流控制，有限集模型预测直接功率控制，有限集模型预测电流控制，均为输入三相对称交流电，220V 50Hz，直流侧输出760V，且直流输出电压
- 17 16届智能车十六届国二代码源程序，基础四轮摄像头循迹识别判断 逐飞tc264龙邱tc264都有 能过十字直角三岔路环岛元素均能识别，功能全部能实现 打包出的龙邱逐飞都有，代码移植行好，有基础的
- 西门子1500PLC程序 BMS系统 医药洁净室程序 串级PID 温度误差正负0.2（控温湿度强烈推荐） 程序有详细注释，很方便能看懂； 在运行医药厂房BMS PLC程序； 串级PID，分程调节，控
- 西门子224 XP程序源码,包括pcb,原理图 ,bom PLC 224 全套生产量产方案 非常具有参考价值
- matlab 图像分割gui可视化代码 ，代码功能有 图像灰度化，显示灰度直方图，阈值分割法，区域分割法，梯度边缘分割法，canny边缘分割，拉普拉斯边缘分割，并且可以进行各个方法的比较
- 电动汽车备用能力分析 对电动汽车备用能力的评估需置于合理的、计及用户响应意愿的市场机制下来考察 首先设计出兼顾系统调控需求与用户出行需求的充（放）电合约机制，提出了ＥＶ短时备用能力计算方法和响应电价
- Agv伺服驱动器方案开发，本人在AGV行业三年，有丰富的行业经验
- Comsol金属开口环倍频SHG转效率计算
- （断开git服务器合并本地两个分支代码）Git操作技巧：本地合并两个分支代码详细步骤与冲突解决方法
- 交错并联Boost PFC仿真电路模型，控制方法采用输出电压外环，电感电流内环的双闭环PI控制方式 控制效果:交流侧输入电流畸变小，波形良好，输出直流电压可完好跟随给定，两相电感电流均流很好，如展示
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
