javascript - 变量已在上层范围内声明
问题描述
我有一个负责发送消息的代码,但它有一个错误。
<div id="block-messages">
<ul class="block-messages">
<li v-for="(message, index) in messages" :key="index" class="mess">
<b>{{ message.time }}</b>
<b :style="{ color: message.colornick }" style="margin-left: 8px;">{{ message.nick }}</b>:
<span :style="{ color: message.colortext }">{{ message.msg }}</span>
</li>
</ul>
</div>
错误:
warning Variable 'message' is already declared in the upper scope
我应该怎么办?
解决方案
根据您的评论message
,数据有价值。
这就是发生错误的原因。
您可以通过重命名模板或数据中的一个变量来避免这种情况,message
如下所示(我重命名了 中的值v-for
):
<div id="block-messages">
<ul class="block-messages">
<li v-for="(item, index) in messages" :key="index" class="mess">
<b>{{ item.time }}</b>
<b :style="{ color: item.colornick }" style="margin-left: 8px;">{{ item.nick }}</b>:
<span :style="{ color: item.colortext }">{{ item.msg }}</span>
</li>
</ul>
</div>
推荐阅读
- node.js - 如何使用在 nodejs-express-oracledb 中创建的 API
- javascript - 网页打开时光标可以直接进入输入吗?
- node.js - 我在节点项目中使用“使用严格”而不是所有文件。我可以在一个地方使用“使用严格”,这将适用于所有文件
- scala - 返回带有 typeclass 但没有其他类型信息的类型
- html - 不正确的媒体查询被应用于 html 元素
- asp.net-core - 如何存储具有到期日期的对象
- sql-server - 尝试使用“sp_OACreate”创建对象时出现“-2147221005”:“无效的类字符串”错误
- image - 按钮图像 Xamarin.forms
- arrays - 在golang中创建地图数组的地图
- django - Django中的自动文件下载