Блог

У меня есть вычисляемое свойство, внутри которого есть шаблон html (да, к сожалению, я должен использовать его таким образом). Я хочу иметь атрибут v-if внутри шаблона, но он возвращает ошибку, которая, как я полагаю, вызвана тем, что переменная считывается как строка. Как я могу это исправить?

Это мое вычисляемое свойство:

          myProperty(row){
            return `<div class="cell__customer-contact">
                      <div>${row.customerFirstName  
                        " "  
                        row.customerLastName}</div>
                      <div v-if="${row.customerEmail}"> 
                        <a href="mailto:${row.customerEmail}">
                          ${row.customerEmail}
                        </a>
                      </div>
                    </div>`
         }
  

Ошибка, которую я получаю,:

 invalid expression: Invalid or unexpected token in

    user@gmail.com

  Raw expression: v-if="user@gmail.com"