Vue框架编写页面,使用v-if判断是否登录

Vue框架编写页面,使用v-if判断是否登录

  • 现在script中的data记入一个user,并得到user的数据


  • 如果获得的user不为空时,已为登录状态


    image.png

页面效果

image.png
  • 当user为null时,为没有登录状态


    image.png

页面效果

image.png

使用v-if判断状态,从而根据不同的登录状态,出现不同的页面效果

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。