省市区隐藏字段无法获取到值的一个可能原因

新增收货地址时,填写完整的收货地址后提交,提示有错误发生

省市区隐藏字段无法获取到值的一个可能原因

将隐藏的三个字段类型设为 text 显示出来,发现隐藏字段没有随着组件的值发生变化

省市区隐藏字段无法获取到值的一个可能原因

检查与 change 事件触发有关的代码,发现在 resources/assets/js/components/SelectDistrict.js 文件里面 districtId() 观察器中错将 this.provinceId 写成了 this.provinceId()

districtId() {
            // 触发一个名为 change 的 Vue 事件,事件的值就是当前选中的省市区名称,格式为数组
            this.$emit('change', [this.provinces[this.provinceId()], this.cities[this.cityId()],
                this.districts[this.districtId()]]);
        },

这是我在手打this.后使用自动补全,未仔细检查造成的错误,这里去掉()

districtId() {
            // 触发一个名为 change 的 Vue 事件,事件的值就是当前选中的省市区名称,格式为数组
            this.$emit('change', [this.provinces[this.provinceId], this.cities[this.cityId],
                this.districts[this.districtId]]);
        },

刷新页面,选择省市区,隐藏字段赋值成功

省市区隐藏字段无法获取到值的一个可能原因

《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
《L05 电商实战》
从零开发一个电商项目,功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
讨论数量: 0
(= ̄ω ̄=)··· 暂无内容!

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!