v-if内での部分一致について

Question

実現したいこと

以下の完全一致を部分一致にしたいです。

<div v-if="name === 'A'">
 <p>名前に「A」を含みます</p>
</div>
<div v-else>
 <p>名前に「A」を含みません</p>
</div>

試したこと

<div v-if="name === *'A'*">
→エラーになりました

当方コーディング初心者のため、当たり前のことを理解できていないかもしれません。
恐れ入りますが、ご教授いただけますと幸いです。

Answer 1

https://qiita.com/shimajiri/items/a2d79d9aa1323da972f3

JSの文字列の含まれるかどうかの判定は、上のリンクにかかれているように includesで実現可能です。

例)

"sample".includes("mpl")
> true

今回の質問で言うと name.includes('A')が実現したい判定分になりそうです。