Vue 或 Nuxt 中的 textarea 元素默认向控制台抛出消息

Posted

技术标签:

【中文标题】Vue 或 Nuxt 中的 textarea 元素默认向控制台抛出消息【英文标题】:The textarea element in Vue or Nuxt throws a message to the console by default 【发布时间】:2022-01-13 15:20:36 【问题描述】:

每当我在 Vue/cli 或 Nuxt 项目中使用 textarea html 元素时,此消息都会出现在控制台中。

如何防止此消息出现在控制台中?

<textarea  rows="5" cols="33">
     This is a textarea.
</textarea>

控制台:

Textarea 727bd34788820fe9 准备就绪。 contentscript.js:1

如果我在该元素中输入一个单词:

接受备注 (727bd34788820fe9):0 contentscript.js:1

【问题讨论】:

这听起来像是来自一个扩展。尝试禁用您的扩展程序,看看问题是否仍然存在 你有这个minimal reproducible example 吗? 【参考方案1】:

textarea的spellcheck属性可以在这个MDN document中读取:

true,表示应尽可能检查元素的拼写错误;

false,表示不应检查元素的拼写错误。

如果没有设置这个属性,它的默认值是元素类型和浏览器定义的。

如果有文本区域,如果在 Chrome(或其他浏览器)上安装了 Becorrect 等拼写检查扩展程序,则可以在控制台开发工具中看到匿名消息。

如果拼写检查值设置为 false 或扩展程序被禁用,则不会出现此消息。

【讨论】:

请使用您问题上的编辑链接添加更多信息。 Post Answer 按钮应仅用于问题的完整答案。 - From Review

以上是关于Vue 或 Nuxt 中的 textarea 元素默认向控制台抛出消息的主要内容,如果未能解决你的问题,请参考以下文章

如何访问 vue js 列表中的对象元素(nuxt)

未知的自定义元素: - 您是不是正确注册了组件? default.vue Jest 中的 <nuxt /> 组件出错

使用 vue/nuxt 将样式属性附加到所有(锚)元素

如果单击两次而不在 vue nuxt 应用程序中切换,如何隐藏列表中的元素

Vue 中的全局组件(nuxt)

在 nuxt/vue 中来自 apollo 的数据发生变化后,子元素不更新道具