Установите свойство title, если данные, возвращаемые из привязки, имеют значение true в vuejs

Question

Я новичок в vuejs, мой вопрос заключается в том, как установить заголовок с помощью значения, возвращаемого определенным методом, если это значение равно true, вот мой код:

<td
  v-bind="value = getName(id)"
  :title="value.age"
>
  {{value.name}}
</td>

Но этот код неработать, если метод вернул undefined.

Answer 1

Используйте вычисляемое свойство.

computed: {
  title: function() {
     return this.value ? this.value.age : ''
  }
}

Таким образом, мы гарантируем, что this.value не undefined, и мы используем age от объекта, в противном случае - пустую строку (илиВы можете заменить его на что угодно. Теперь просто используйте это как свойство заголовка:

:title="title"