How to use the vant.Cell.name function in vant

init() {
      let orderId = this.$route.query.orderId;
      orderDetail({ orderId: orderId }).then(res => {
        var data = res.data.data;
        this.orderInfo = data.orderInfo;
        this.orderGoods = data.orderGoods;
        this.handleOption = data.orderInfo.handleOption;
        this.expressInfo = data.expressInfo;
      });
    }
  },

  components: {
    [Dialog.name]: Dialog,
    [CellGroup.name]: CellGroup,
    [Cell.name]: Cell,
    [Button.name]: Button,
    [SubmitBar.name]: SubmitBar,
    [Card.name]: Card,
    [Field.name]: Field
  }
};

{
                    name: "女"
                }
            ],
            uploadToken: {
                token: ""
            },
            coverJoinUrl: "",
            apiParams: {},
            sex: "",
            domain: ""
        };
    },
    components: {
        [NavBar.name]: NavBar,
        [Cell.name]: Cell,
        [CellGroup.name]: CellGroup,
        [Actionsheet.name]: Actionsheet,
        [Toast.name]: Toast
    },
    mounted() {
        this.getUser();
    },
    methods: {
        onRead(file) {
            console.log(file);
            this.$refs.avatar.src = file.content;
            let data = new FormData();
            data.append("token", this.uploadToken.token);
            data.append("file", file.content);
            const axiosInstance = axios.create({ withCredentials: false });
            console.log("data: ", data);

{
                    name: this.$t("m.meta.member.name"),
                    content: this.$t("m.meta.member.content")
                }
            ]
        };
    },
    data() {
        return {};
    },
    computed: {
        ...mapGetters(["user"])
    },
    components: {
        [NavBar.name]: NavBar,
        [Cell.name]: Cell,
        [CellGroup.name]: CellGroup
    },
    mounted() {
        console.log("金如意");
    },
    methods: {
        onInfo() {
            this.$store.state.user.user ? this.$router.push("./info") : this.toLogin();
        },
        toOrder() {
            if (this.$store.state.user.user) {
                this.setOrderStatus("paying");
                this.$router.push("./order");
            } else {
                this.toLogin();
            }

rightOver: false,
      leftOver: true,
      isShowArrow: itemsLen > col
    };
  },
  methods: {
    scrollMore(obj) {
      this.rightOver = !obj.isLeftOver;
      this.leftOver = !obj.isRightOver;
    }
  },
  directives: {
    scrollArrow
  },
  components: {
    [Cell.name]: Cell,
    [CellGroup.name]: CellGroup,
    [Icon.name]: Icon,
    [ItemCardVert.name]: ItemCardVert,
    [ItemCardHori.name]: ItemCardHori
  }
};

areaList: null,
            showArea: false,
            title: this.$t("addAddressTitle"),
            state: "add"
        };
    },
    computed: {
        ...mapGetters(["this.$store.state.addressStatus"])
    },
    components: {
        [NavBar.name]: NavBar,
        [Area.name]: Area,
        [Field.name]: Field,
        [Dialog.name]: Dialog,
        [SwitchCell.name]: SwitchCell,
        [Cell.name]: Cell,
        [CellGroup.name]: CellGroup,
        [Icon.name]: Icon,
        [Toast.name]: Toast
    },
    created() {
        this.areaList = areaList;
        if (this.$route.query.state == "edit") {
            let data = this.$route.query.item;
            this.addressInfo = data;
            this.title = this.$t("editAddressTitle");
            this.state = "edit";
        }
    },
    mounted() {},

    methods: {

{
                    name: this.$t("m.meta.login.name"),
                    content: this.$t("m.meta.login.content")
                }
            ]
        };
    },
    data() {
        return {
            userAccount: "guest",
            userPasswd: "guest"
        };
    },
    components: {
        [NavBar.name]: NavBar,
        [Cell.name]: Cell,
        [CellGroup.name]: CellGroup,
        [Toast.name]: Toast,
        [Button.name]: Button,
        [Field.name]: Field
    },
    mounted() {},
    methods: {
        async onLogin() {
            const userAccountEmpty = strategies.isNonEmpty(this.userAccount, this.$t("m.strategies.name"));
            const userPasswdLength = strategies.isNonEmpty(this.userPasswd, 4, this.$t("m.strategies.pwdLenth"));
            const result = userAccountEmpty || userPasswdLength;
            if (result) {
                Toast({
                    message: result,
                    position: "bottom"
                });

],
            allCoach: 0,
            havePage: false,
            productId: [],
            addressData: [],
            orderData: [],
            addressInfo: {}
        };
    },
    components: {
        [NavBar.name]: NavBar,
        [Dialog.name]: Dialog,
        [Popup.name]: Popup,
        [Card.name]: Card,
        [SubmitBar.name]: SubmitBar,
        [Cell.name]: Cell,
        [CellGroup.name]: CellGroup,
        [ContactList.name]: ContactList,
        [Toast.name]: Toast
    },
    computed: {
        cardType() {
            return this.chosenContactId !== null ? "edit" : "add";
        },

        currentContact() {
            const id = this.chosenContactId;
            return id !== null ? this.list.filter(item => item.id === id)[0] : {};
        },
        ...mapGetters(["this.$store.state.orders", "this.$store.state.address", "this.$store.state.addressStatus"])
    },
    created() {},

<style lang="scss"></style>

<style lang="scss"></style>