使用vue-i18n时,报错Failed to execute 'setAttribute' on 'Element': ';label' is not a valid attribute name.
时间: 2023-12-16 13:06:04 浏览: 340
这个错误通常是由于在使用vue-i18n时,尝试将翻译文本直接作为属性值绑定而导致的。在HTML中,有些属性是不允许包含特殊字符的,比如分号(;),所以会导致setAttribute方法报错。
为了解决这个问题,你可以将翻译文本放在一个元素的内容中,而不是作为属性值绑定。例如,使用Vue的插值语法`{{ t('label') }}`将翻译文本动态插入到元素的内容中。
示例代码如下:
```html
<template>
<div>
<label>{{ t('label') }}</label>
</div>
</template>
<script>
export default {
// ...
}
</script>
```
这样就可以避免上述报错,并且正确地显示翻译文本。希望对你有所帮助!如果还有其他问题,请随时提问。
阅读全文