vue 问题汇总

77 阅读1分钟

1.删除对象

 this.$delete(对象, 键值);

2.对象判空

JSON.stringify(对象) != "{}"

3.携参跳转

//跳转

this.$router.push({

        path: "./codeApply",

        query: { isNeedCheck: false }

 });

 //其他页面获取参数

this.$route.query.isNeedCheck;

4.父组件调用子组件函数

一:子组件定义ref

      <orderDetail ref="showOrderDetail" ></orderDetail>

//父组件调用子组件函数  不加nextTick会报错     

 openDetail() {

      //父组件调用子组件函数

      this.$nextTick(function() {

        this.$refs.showOrderDetail.getBillDetail();

      });

    }

5.父组件传参给子组件

//父组件定义子组件 传参

<applyDone :codeDetail="codeDetail"></applyDone>

=========================定义传参===========================

data() {

    return {

      codeDetail: {}

    };

  },

//接收  需要制定类型

export default {

  props: { codeDetail: { type: Object, default: null } }

}