The World of Remnant

Vue中页面通过ref处理组件内数据

页面上组件html

ref="biaoge"
@dataLoaded="dataLoaded"

子组件里载入完成后

this.$emit("dataLoaded", "此处可传数据");

页面方法

dataLoaded() {
      this.$refs.biaoge.tableData.forEach(item => {
        switch (item.OrderTypeEnum) {
          case 1:
            item.OrderTypeEnum = "采购";
            break;
          case 10:
            item.OrderTypeEnum = "品目";
            break;
          default:
            break;
        }
      });
    }