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

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

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

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

Logo

前往低代码交流专区

更多推荐