vue 表单多语言配置,切换英文的时候,label 过长,样式如何处理

Question

表单中文的时候,label-width="80px" ,当切换成英语的时候,label 可能会超过80 ,然后就自己换行了,有什么办法自适应,根据所有label 取最长的长度去设置label的宽度,切换到英文的时候,label 宽度就设置长一些

目前做法是:按照英文的最长长度设置label-width,但是切换成中文的时候,label又太空了

Answer 1

:label-width="Eng ? 'apx' : 'bpx'"

Answer 2

在 html 或者 body 上 加上 lang 的 css
比如 lang-en 和 lang-cn

css 里写的时候

.label {width:80px} /* 默认 中文 宽度 */

.lang-en .label {width:200px} /* 切换到英文时调整 */

Answer 3

中英切换时，用js改变label宽度