FRONT01_三元表达式+refs调用子组件时的undefined

2024-05-02 01:32

本文主要是介绍FRONT01_三元表达式+refs调用子组件时的undefined,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

①. vue 三元表达式及类似用法

    <div id="app"><span :style="{'color':status === true ? '#FF5757':'#757575'}">测试</span><div>===========</div><div>{{age==24?'tangzhi':age==23?'yangxing':'yangyang'}}</div><div>===========</div><!-- 使用一个函数去处理 --><span> {{ listType(3)}} </span></div><script src="../js/vue.js"></script><script>var vm=new Vue({el:'#app',data:{   //格式:<:style="{'属性名':三元表达式}"> status:false,age:24},methods:{//如果有多列,使用一个函数来处理listType(type){switch(type){case 1:return '支援申请书';break;case 2:return '事故车照片';break;case 3:return '定损协议';break;case 4:return '结算单';break;case 5:return '维修定损发票';break;default:return '未知';}}}});</script>

在这里插入图片描述
在这里插入图片描述

②. 当element-ui的el-dialog组件中包含子组件时

  • ①. 问题呈现:我在一个el-dialog组件中包含子组件时,使用$refs失效
    (element-ui的el-dialog组件中包含了一个子组件)
	 this.showAccidentFilePage=true;//打开上传文件弹出层vue.nextTick(()=>{this.$refs.accidentFilePageRef.reloadFilePage(params)})
  • ②. 解决办法:
	this.showAccidentFilePage=true;//打开上传文件弹出层setTimeout(()=>{this.$refs.accidentFilePageRef.reloadFilePage(params)},0)

这篇关于FRONT01_三元表达式+refs调用子组件时的undefined的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/953123

相关文章

Java中的Lambda表达式及其应用小结

《Java中的Lambda表达式及其应用小结》Java中的Lambda表达式是一项极具创新性的特性,它使得Java代码更加简洁和高效,尤其是在集合操作和并行处理方面,:本文主要介绍Java中的La... 目录前言1. 什么是Lambda表达式?2. Lambda表达式的基本语法例子1:最简单的Lambda表

Spring Boot 集成 Quartz并使用Cron 表达式实现定时任务

《SpringBoot集成Quartz并使用Cron表达式实现定时任务》本篇文章介绍了如何在SpringBoot中集成Quartz进行定时任务调度,并通过Cron表达式控制任务... 目录前言1. 添加 Quartz 依赖2. 创建 Quartz 任务3. 配置 Quartz 任务调度4. 启动 Sprin

Vue3组件中getCurrentInstance()获取App实例,但是返回null的解决方案

《Vue3组件中getCurrentInstance()获取App实例,但是返回null的解决方案》:本文主要介绍Vue3组件中getCurrentInstance()获取App实例,但是返回nu... 目录vue3组件中getCurrentInstajavascriptnce()获取App实例,但是返回n

SpringQuartz定时任务核心组件JobDetail与Trigger配置

《SpringQuartz定时任务核心组件JobDetail与Trigger配置》Spring框架与Quartz调度器的集成提供了强大而灵活的定时任务解决方案,本文主要介绍了SpringQuartz定... 目录引言一、Spring Quartz基础架构1.1 核心组件概述1.2 Spring集成优势二、J

Java调用C++动态库超详细步骤讲解(附源码)

《Java调用C++动态库超详细步骤讲解(附源码)》C语言因其高效和接近硬件的特性,时常会被用在性能要求较高或者需要直接操作硬件的场合,:本文主要介绍Java调用C++动态库的相关资料,文中通过代... 目录一、直接调用C++库第一步:动态库生成(vs2017+qt5.12.10)第二步:Java调用C++

在C#中调用Python代码的两种实现方式

《在C#中调用Python代码的两种实现方式》:本文主要介绍在C#中调用Python代码的两种实现方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录C#调用python代码的方式1. 使用 Python.NET2. 使用外部进程调用 Python 脚本总结C#调

Vue中组件之间传值的六种方式(完整版)

《Vue中组件之间传值的六种方式(完整版)》组件是vue.js最强大的功能之一,而组件实例的作用域是相互独立的,这就意味着不同组件之间的数据无法相互引用,针对不同的使用场景,如何选择行之有效的通信方式... 目录前言方法一、props/$emit1.父组件向子组件传值2.子组件向父组件传值(通过事件形式)方

SpringCloud之LoadBalancer负载均衡服务调用过程

《SpringCloud之LoadBalancer负载均衡服务调用过程》:本文主要介绍SpringCloud之LoadBalancer负载均衡服务调用过程,具有很好的参考价值,希望对大家有所帮助,... 目录前言一、LoadBalancer是什么?二、使用步骤1、启动consul2、客户端加入依赖3、以服务

SpringBoot @Scheduled Cron表达式使用方式

《SpringBoot@ScheduledCron表达式使用方式》:本文主要介绍SpringBoot@ScheduledCron表达式使用方式,具有很好的参考价值,希望对大家有所帮助,如有... 目录Cron 表达式详解1. 表达式格式‌2. 特殊字符解析3. 常用示例‌4. 重点规则5. 动态与复杂场景‌

Spring Boot 集成 Quartz 使用Cron 表达式实现定时任务

《SpringBoot集成Quartz使用Cron表达式实现定时任务》本文介绍了如何在SpringBoot项目中集成Quartz并使用Cron表达式进行任务调度,通过添加Quartz依赖、创... 目录前言1. 添加 Quartz 依赖2. 创建 Quartz 任务3. 配置 Quartz 任务调度4. 启