vue 当计算属性在模版里面传参数的时候 特殊处理 （很久没用传参这种方式，踩坑）

 传参数 必须要 以返回函数的方式才行 （其实以前也用过传参方式，后来。。。隔了很久。。又忘了。。。）

<template>
  <div class="logistics">
       <van-steps direction="vertical" :active="0">
              <van-step v-for="(i,index) in arrList"  :key="index">
                <span>{{opCodeMsg(i.opCode)}} {{i.acceptTime}}</span>
                <p class="mar">{{i.remark}}</p>
              </van-step>
        </van-steps>

  </div>
</template>

<script>
import { logisticsMsg } from '@/services/medicalRecordCopy'
import to from '@/utils/to'
import storage from '@/utils/storage'



export default {
  name: 'home',
  data() {
    return {
      info: {},
      userInfo:{},

      arrList:[],

    }
  },
  components:{
      
  },
  
  computed:{

    //传参数 必须要 以返回函数的方式才行
       opCodeMsg(code){
                 console.log(11111,code); //这里打印是没用的
           return (code) => {
                  console.log(11111,code); //只有在内部打印才有效
            return '发';
          }
       }
  },
  
  methods: {
    async logisticNumFn() {
     const { logisticNum } = this.$route.query;
      let params = {
        logisticNum: logisticNum
      }
      const [err, res] = await to(logisticsMsg(params))
      if (err) return this.$toast(err.errorMsg)
       this.arrList=res.busObj;
        console.log(1111,res);
  
    },

  },

  created() {
    const userInfo = storage.get("userInfo");
    this.userInfo = userInfo || {};

     this.logisticNumFn(); 

    if (process.env.NODE_ENV === "development") {
        //
    } else {
      if (userInfo) {
         //
      }
    }
  },

  mounted() {
    

  }
}
</script>

<style lang="scss" >
.logistics {

  .mar{
    margin: 0;
  }
    
}
</style>