Переменная уже объявлена ​​в верхнем балле

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>