<div class="btns" style="float:left;padding: 5px;"> <div id="drawPickerOtherAnx" style="float: left;" th:if="${currentProcess == null || currentProcess.userId != userId || }" style="float: left; display: none;" >上传附件</div> </div> 为什么th:if会不生效?
时间: 2024-02-10 19:17:24 浏览: 19
根据你提供的代码,`th:if`表达式的条件部分似乎不完整。在你提供的代码中,条件部分以`||`符号结尾,但是后面没有指定条件的值。条件部分应该是一个完整的布尔表达式,它的值将决定元素是否呈现在页面中。
如果你想要让`th:if`表达式生效,你应该修改条件部分,使其成为一个完整的布尔表达式。例如,以下是一个可能的修正方法:
```
<div id="drawPickerOtherAnx"
style="float: left; display: none;"
th:if="${currentProcess == null or currentProcess.userId != userId}">
上传附件
</div>
```
在这个修正后的代码中,`th:if`表达式的条件部分是完整的,并且使用了`or`关键字来表示逻辑“或”操作。注意,这个修正后的代码中还做了一些空格和格式上的调整,这是为了让代码更易读和更易于维护。
相关问题
在 html Thymeleaf 中 <div class="btns" style="float:left;padding: 5px;"> <div id="drawPickerOtherAnx" style="float: left;">上传附件</div> </div>这段代码怎么隐藏上传附件这个
可以在 `#drawPickerOtherAnx` 的样式中加入 `display: none;`,如下所示:
```
<div class="btns" style="float:left;padding: 5px;">
<div id="drawPickerOtherAnx" style="float: left; display: none;">上传附件</div>
</div>
```
这样就可以隐藏上传附件这个元素了。当需要显示时,可以通过 JavaScript 动态修改其样式为 `display: block;` 来显示该元素。
<template slot="z2"> <ul v-if="!informationData.show" class="safety_list_1 safety_list_2"> <li @click="information"> <div class="left"> <img src="@/assets/img/手机账号-icon.png" alt="图片加载失败" /> <span>身份认证</span> </div> <div class="right"> <span>{{ userinfo.authStatus == 1 ? "已认证" : "去认证" }}</span> <img src="@/assets/img/棕色箭头-icon.png" alt="图片加载失败" /> </div> <div class="right" v-if="userinfo.authStatus == 1"> <span @click="showAuth" >查看实名</span> <img src="@/assets/img/棕色箭头-icon.png" alt="图片加载失败" /> </div> </li> <li> </li> </ul> <!-- 身份认证 --> <div v-else class="information"> <p>上传证件照片</p> <p>信息仅用于身份验证,保障您的信息安全</p> <div class="upload"> <van-uploader v-model="informationData.fileList1" multiple :max-count="1" > <div class="box"> <van-icon name="plus" /> <p>身份证正面</p> </div> </van-uploader> <van-uploader v-model="informationData.fileList2" multiple :max-count="1" > <div class="box"> <van-icon name="plus" /> <p>身份证反面</p> </div> </van-uploader> </div> <div class="btns"> <van-button :loading="loading3" @click="affirmInformation" >确认</van-button > <van-button @click="informationData.show = false">取消</van-button> </div> </div> </template> 我需要点击showAuth展示一个透明模态框 用来展示身份证照片
好的,你可以在 `showAuth` 函数中添加打开模态框的逻辑,比如使用 `element-ui` 中的 `Dialog` 组件:
```
<el-dialog :visible.sync="dialogVisible">
<img :src="idCardFront" alt="身份证正面照片" />
<img :src="idCardBack" alt="身份证反面照片" />
</el-dialog>
```
在 `showAuth` 函数中设置 `dialogVisible` 为 `true`,并将身份证正反面照片的 URL 赋值给 `idCardFront` 和 `idCardBack` 即可展示模态框。