<el-form-item :label="$t('config.forwardPart')" prop="sendPart"> <template #label> <span>全部转发</span> </template> <el-radio-group v-model="analysisState.formData.sendPart" class="w-320"> <el-radio label="Y">是</el-radio> <el-radio label="N">否</el-radio> </el-radio-group> </el-form-item> <el-form-item :label="'日志源IP'" prop="serverIp"> <el-input class="w-320" v-model="analysisState.formData.sourceIp" placeholder="请输入日志源IP" clearable /> </el-form-item> 当上面选是时 隐藏日志源ip怎么做到
时间: 2024-02-06 09:04:17 浏览: 101
您可以通过给日志源IP元素绑定一个v-if指令,根据全部转发的选项来动态控制该元素的显示和隐藏。具体来说,可以添加一个computed属性,根据选项值返回一个布尔值,然后在日志源IP元素上绑定v-if指令,将该布尔值作为条件即可。示例代码如下:
```
<el-form-item :label="$t('config.forwardPart')" prop="sendPart">
<template #label>
<span>全部转发</span>
</template>
<el-radio-group v-model="analysisState.formData.sendPart" class="w-320">
<el-radio label="Y">是</el-radio>
<el-radio label="N">否</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item :label="'日志源IP'" prop="serverIp" v-if="showSourceIp">
<el-input class="w-320" v-model="analysisState.formData.sourceIp" placeholder="请输入日志源IP" clearable />
</el-form-item>
...
computed: {
showSourceIp() {
return this.analysisState.formData.sendPart === 'N';
}
}
```
阅读全文