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>

---

我该怎么办？

根据您的评论，数据中有

消息

值

这就是错误发生的原因

您可以通过重命名模板或以下数据中的一个

message

变量来避免这种情况（我重命名了

v-for

中的值）：

{{item.time}
{{item.nick}}：
{{item.msg}

数据或道具中是否有

消息

值？是，数据中有

消息

warning  Variable 'message' is already declared in the upper scope

<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>