JavaScript nuxt Vue

三項演算子ではHTMLタグは使っちゃいけないっぽい

特に、NuxtやVueで v-slot を使うときは、謎の「~~ is not defined」エラーが出るから、何が問題なのかわかりにくい。

 だめな例

{{ props.row.option.includes(' lang:ja') ? '<b-tag>日本語のみ</b-tag>' : '' }}

OKな例

<span :class="props.row.option.includes(' filter:follows') ? 'tag' : 'is-hidden'">フォローしてる人だけ</span>