我的视图刀片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>
最佳答案
首先，这个问题与Laravel无关。就是Vue。
您可以绑定本地存储数据以查看属性，并直接使用v-if指令来决定是否显示该组件。
只需使用localStorage.setItem()设置属性，然后使用用户localStorage.getItem()来获取属性并将其绑定。
检查here是否有提琴。
您只需在v-if指令上使用<notification-view v-if="someProperty"></notification-view>
显示或隐藏组件。