本文主要是介绍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的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!