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子组件调用父组件数据

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。