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

简介: 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>


微信图片_20220106190454.png


微信图片_20220106190458.png


②. 当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)
目录
打赏
0
0
0
0
29
分享
相关文章
解决 Element-ui中 对话框 (Dialog)中含子组件时,使用 refs 调用该子组件为 undefined 的问题
解决 Element-ui中 对话框 (Dialog)中含子组件时,使用 refs 调用该子组件为 undefined 的问题
760 0
解决 Element-ui中 对话框 (Dialog)中含子组件时,使用 refs 调用该子组件为 undefined 的问题
微信小程序-Unhandled promise rejection TypeError: Cannot read property ‘get‘ of undefined
微信小程序-Unhandled promise rejection TypeError: Cannot read property ‘get‘ of undefined
成功解决:Cannot read properties of undefined (reading ‘commit‘)
这篇文章提供了解决Vuex中"Cannot read properties of undefined (reading 'commit')"错误的两种方法:检查模板中的数据属性是否存在,以及确保在Vue实例中正确挂载了store对象。
成功解决:Cannot read properties of undefined (reading ‘commit‘)
Echarts——Invalid geoJson format Cannot read property 'length' of undefined
Echarts——Invalid geoJson format Cannot read property 'length' of undefined
98 0
|
4月前
|
VUE——filemanager-webpack-plugin报错TypeError: Cannot read property 'isFile' of undefined
VUE——filemanager-webpack-plugin报错TypeError: Cannot read property 'isFile' of undefined
88 0
VUE——Uncaught (in promise) TypeError: Cannot read property '__esModule' of undefined
VUE——Uncaught (in promise) TypeError: Cannot read property '__esModule' of undefined
90 0
TypeError: Cannot set properties of undefined (setting ‘resdata‘),res定义数据出现的问题,定义的方法用this换成that
TypeError: Cannot set properties of undefined (setting ‘resdata‘),res定义数据出现的问题,定义的方法用this换成that

热门文章

最新文章

AI助理

阿里云 AI 助理已上线!

快来体验一下吧。