this.$refs 无法驱动template层

做这样一个组件

clipboard.png

用户选择角色后,用选择的用户作为查询条件带出技术职称下拉值。

我的做法是在选择角色的@change事件中请求接口获取第二个下拉框的数据,然后我想“把这个下拉数据作为属性绑定到当前行上”,因为点击绿色的加好 还会带出新的一行。

但是 “把这个下拉数据作为属性绑定到当前行上” 这个我是用

this.$refs.operationTable.data[scope.$index].costTypeSelectData = resArry;

this.$refs 这个我发现不能驱动template层,虽然当前行确实已经有这个属性了。
现象就是选完角色后,第二个技术职称还是没有下拉数据。

这个有什么好的处理办法么?

阅读 2.3k
2 个回答

你这样设置后,数据不是响应式的吧,看一下文档的 Vue.set

https://vuefe.cn/v2/api/#Vue-set


let vm = this.$refs.operationTable;

vm.$set(vm.data[scope.$index], 'costTypeSelectData', resArry);
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题