vue通过el-select下拉框选择成功时不显示,当填写其他内容时,才显示的问题

       最近在实际开发应用中遇到这么一个问题,如下所示:
在这里插入图片描述
       当选择“计算机科学与技术”的时候,此时并不会展示已经选择的内容,也不会触发任何事件,当填写其他内容时,已选择的内容就能展示出来,如下图所示:
在这里插入图片描述
       我的下拉选择框的代码的写法是这样子的:
在这里插入图片描述
       突然间我想起来在某个博客里面看到一句话,大致的意思好像是是:

Vue无法监听新增的属性值的变化,需要通过set 来进行设置

       “无法监听新增的属性值?”于是我跑去看了一下vue中定义的数组对象,确实是置空的,没有声明具体的属性名称和值的初始化,如下:

在这里插入图片描述
       然后我就把所有属性值都添加到studentDetail对象里面,具体如下:
在这里插入图片描述
       点击保存,刷新页面时,再次执行相同操作发现真的可以了!
在这里插入图片描述
       经历这次的问题,也算是让我对vue实际应用开发有了进一步的认识,也让我意识到不经意地记住某句话,将其串起来思考就是问题的答案,加油!

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值