背景：
页面是可以靠循环展示对应UI和样式的，重复写很多遍HTML很不优雅，于是把对应的数据整理成数组，使用v-for循环展示
问题：
中英文切换时，在HTML里的数据可以成功切换，data里的数据，却不能实时变换。
解决：
一开始写在data里，只有首次进入页面的时候识别到中英文才会生效，再次切换的时候不生效。视图和数据没有同步更新。
把要循环的数据写在computed里，监听到依赖的中英文变量时，数据就会更新
在前端开发中，使用 Vue 进行页面布局时，为避免重复书写 HTML，通常会将数据整理成数组并通过 v-for 循环展示。然而遇到中英文切换场景，数据未能实时更新。解决办法是将循环数据放入 computed 属性，并监听中英文变量，确保视图与数据同步。这样，当切换语言时，数据能正确更新，实现页面动态切换。
扫一扫
1142
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
