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

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

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

回答

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

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

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

css 里写的时候

.label {width:80px} /* 默认 中文 宽度 */.lang-en .label {width:200px} /* 切换到英文时调整 */