javascript - 变量已经在上层作用域中声明

Question

我有一个负责发送消息的代码，但是它出错了。

    <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

我该怎么办？

Answer 1

根据您的评论，数据中有 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>