vue子组件怎么使用父组件传过来的值

本篇内容主要讲解"vue子组件怎么使用父组件传过来的值"，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习"vue子组件怎么使用父组件传过来的值"吧!

子组件使用父组件传过来的值

父组件

  import alarmstatistics from "./alarmstatistics.vue";  components: {    alarmstatistics,  },

子组件

  props: ["roless"],    data() {    return {      role:this.roless,  },    mounted() {    if(this.role==3){      this.chartY = "9.5%";    }else{      this.chartY = "18%";    }  },

如果是使用父组件接口返回来的值，在html中直接使用

  props: ["infoDatac"],      
        
申请单号：{{ item.applyCode }}
        
使用时间：{{ item.useTime }}
        {{ item.title }}      

vue子组件调用父组件数据

到此，相信大家对"vue子组件怎么使用父组件传过来的值"有了更深的了解，不妨来实际操作一番吧！这里是网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！