ローカルストレージのjavascriptがビューブレードlaravelに存在する場合、どのようにvueコンポーネントを呼び出す条件を追加できますか？このような

Question

マイビューブレードlaravel：

私はローカルストレージが存在する場合の条件を追加したい

<ul class="nav"> 
    <li> 
     ... 
    </li> 
    // if exist local storage run this component 
    <notification-view></notification-view> 
</ul> 

、それが実行されるコンポーネントVUE

私はmain.jsを持っていると私は存在するローカルストレージをチェックするためのコードを持っています

if (localStorage.getItem("storedData") !== null) { 
    ... 
} 

ビューブレードに条件を追加するにはどうすればよいですか？

更新

私の通知は、次のようにコンポーネントを争う：すべての

<template> 
    <li> 
     ... 
    </li> 
</template> 
<script> 
    export default{ 
     ... 
    } 
</script> 

Answer 1

まず、この質問にはLaravelとは何の関係もありません。ただVueです。

ローカルストレージデータをバインドしてプロパティを表示し、v-ifディレクティブを直接使用して、コンポーネントを表示するかどうかを決定できます。

localStorage.setItem()を使用してプロパティを設定し、次にユーザーlocalStorage.getItem()を使用してプロパティをフェッチしてバインドします。

hereを確認してください。

あなたは、単にコンポーネントを表示または非表示にする

<notification-view v-if="someProperty"></notification-view>

にv-ifディレクティブを使用することができます。