v-ifとv-elseの内部で異なるテキストレンダリング

Question

v-forの内部でテキストをレンダリングするためのさまざまなオプションを選択する方法が見つかりません。それは可能ですか、または以下のコードのようなことをするためにロジックを異なって構造化する必要がありますか？

通知は、名前や通知タイプなどのデータを持つオブジェクトの配列です。

Answer 1

（テストしていません）、次のような別のtemplate要素を使用し

<template> 
    <ul v-show="showNotifications"> 
     <li v-for="notification in notifications"> 
      <template v-if="notification.type == 'friend request'"> 
      New friend request from {{ notification.name }} 
      </template> 
      <template v-else> 
      New notification from {{ notification.name }} 
      </template> 
     </li> 
    </ul>