laravel - 将 Blade If Else 转换为 Vue If Else
问题描述
我在 Blade 中有一个if else
条件,我想将其转换为 Vueif else
@if (Auth::user()->avatar != null)
<img src="{{ URL::to('storage/app/public') . '/' . Auth::user()->avatar }}"
class="img-circle elevation-2" alt="User Image">
@endif
@if (Auth::user()->avatar == null)
@if (Auth::user()->gender == 'Male')
<img src="{{ URL::asset('public/bower_components/admin-lte/dist/img/fb-male.jpg') }}"
class="img-circle elevation-2" alt="User Image">
@else
<img src="{{ URL::asset('public/bower_components/admin-lte/dist/img/female-fb.jpg') }}"
class="img-circle elevation-2" alt="User Image">
@endif
@endif
解决方案
要转换@if
刀片文件中的分支,请使用<template>
s 和v-if
/ v-else
:
<template v-if="{{ Auth::user()->avatar != null }}">
<img src="{{ URL::to('storage/app/public') . '/' . Auth::user()->avatar }}"
class="img-circle elevation-2" alt="User Image">
</template>
<template v-else>
<template v-if="{{ Auth::user()->gender == 'Male' }}">
<img src="{{ URL::asset('public/bower_components/admin-lte/dist/img/fb-male.jpg') }}"
class="img-circle elevation-2" alt="User Image">
</template>
<template v-else>
<img src="{{ URL::asset('public/bower_components/admin-lte/dist/img/female-fb.jpg') }}"
class="img-circle elevation-2" alt="User Image">
</template>
</template>
推荐阅读
- javascript - 如何在 javascript 中实现对 webSocket 连接的 Ping/Pong 请求?
- python - 如何通过gmail api获取内容['payload']['body']['data']第一封邮件
- python - 在 Python 中查找从 for 循环生成的值的总和
- pdf - Ghostscript 在转换为 CMYK 时将图形转换为丰富的黑色
- python - 如何在阅读csv时删除列表多个括号
- angular - 使用 Angular 6 选择下拉菜单的默认值
- ruby - ArgumentError - 范围值错误
- angularjs - 即使在添加 ngRoute 之后,Injector:modulerrr 也会出错。AngularJs
- python - 无法使用 Python SDK 在 docker 容器内创建文件
- arrays - Visual C++ 形式的字符串数组