vue v-ifで文字列の部分一致を判定したい

Question

Vueで文字列の一致判定を実装したいのですが、
調べてもわからず、解決できないため、ご回答いただけますと幸いです。

やりたいこと
Vueの変数v_paramに、SAMPという文字列が含まれているかを確認したい。

<div v-if="v_param.includes('SAMP')">

上記の書き方だと、TypeError: v_param.includes is not a functionでエラーになります。
宜しくお願いいたします。

Answer 1

v_param をどのように定義していますか？
それが文字ならば問題なく動くはずです。

https://jsfiddle.net/y5qo8j4m/

Comments

[seastar]

参考サイトありがとうございます。
データの持ち方が以下のようになっています。
new Vue({
el: "#app",
data: {
v_param: {
p: ”public"
}
}
})

以下だと、neko_daisuki様の言われる通り想定の動作をしました。
v-if="v_param.includes( ~省略～

以下のように書いていたことが原因のようです。
v-if="v_param.p.includes( ~省略～

上の記述以外で色々試しましたが、文字が出力されず、、
大変申し訳ないのですが、上記の場合のincludeの使い方をご存じでしたら教えて頂いてもよろしいでしょうか。

[neko_daisuki]

その場合でもv_param.pが文字列ならば正常に動くはずです。
どこかで文字列以外に書き換えられているのではないでしょうか。

https://jsfiddle.net/sn7xbLpw/

[seastar]

誤字があり、上記を参考に書き直したらうまくできました。
本当に親切にありがとうございます。
返事が遅くなり申し訳ありません。