将 css 类分配给 textArea 时出现 Javascript 错误

Question

我在 Safari 桌面/移动设备和 Internet Explorer 中遇到问题。错误如下:

在 Safari 中:类型错误:尝试分配给只读属性。

IE Edge:严格模式下不允许分配只读属性

它发生在一个函数中，该函数循环遍历页面上的所有文本区域，并根据字符计数(这会更改字体大小)在每个文本区域上设置特定的 css 类。

我的问题是:

• 为什么当我刚刚应用 css 类时会出现此错误？
• 我可以采取什么措施来防止这种情况发生？

我使用的是 Laravel 5.4 和 VueJS 2.1.10。

这里是a codepen link我在哪里复制了这个问题。 (您可以看到它在 Chrome 和 FireFox 中运行)。

我将非常感谢任何帮助。谢谢

Answer 1

不要直接向 classList 赋值，它是只读的，任何通过运算符修改它的能力都是非标准且未指定的。

改用classList.add()。
https://developer.mozilla.org/en-US/docs/Web/API/Element/classList