vueelement el-radio单选框点击切换显示隐藏
vueelement el-radio单选框点击切换显示隐藏<el-row><el-col :span="10"><el-form-item label="是否通过认证:" :label-width="formLabelWidth" prop="isPass"><el-radio-group v-model="form.isPass"><
·
vueelement el-radio单选框点击切换显示隐藏
<el-row>
<el-col :span="10">
<el-form-item label="是否通过认证:" :label-width="formLabelWidth" prop="isPass">
<el-radio-group v-model="form.isPass">
<el-radio :label="1" style="margin-left: 10px">是</el-radio>
<el-radio :label="2" style="margin-left: 10px">否</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="14" style="min-width: 500px">
<el-form-item label="有效期:" :label-width="formLabelWidth"
prop="date2" v-if="form.isPass == 1">
<el-date-picker v-model.trim="form.dateList2" type="daterange"
range-separator="-" value-format="yyyy-MM-dd" start-placeholder="开始日期"
end-placeholder="结束日期" @change="dateChange2">
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
先绑定label值,再需要显示隐藏地方判断v-if=“form.isPass == 1”
reture {
data {
form: {
date1: '',
date2: '',
id: '',
isDelete: 0,
isPass: '',
level: '',
status: '',
unit: '',
wssFileVO: [],
},
}
}
更多推荐
已为社区贡献1条内容
所有评论(0)