今天实现高级检索的html代码
<template> <div id="search-container"> <div class="search-row" v-for="(item, index) in limitedSearchItems" :key="index"> <div class="search-col"> <el-select v-model="item.logicalOperator" v-if="index > 0" class="form-control logical-operator" :disabled="index === 0"> <el-option value="AND">AND</el-option> <el-option value="OR">OR</el-option> </el-select> <el-select v-model="item.label" class="form-control inline-label"> <el-option value="政策名称">政策名称</el-option> <el-option value="政策分类">政策分类</el-option> <el-option value="类别">类别</el-option> <el-option value="施行范围">施行范围</el-option> <el-option value="发文字号">发文字号</el-option> <el-option value="颁布形式">颁布形式</el-option> <el-option value="制定机关">制定机关</el-option> <el-option value="全文">全文</el-option> </el-select> <el-input type="text" class="form-control inline-input" v-model="item.value" placeholder="请输入关键词"></el-input> <el-select v-model="item.matchType" class="form-control match-type"> <el-option value="精确">精确</el-option> <el-option value="模糊">模糊</el-option> </el-select> </div> <el-button v-if="index > 1" @click="removeSearchItem(index)" type="warning" class="delete-btn">删除 </el-button> </div> <el-button @click="addSearchItem" type="primary">添加检索项</el-button> <div class="button-wrapper"> <el-button @click="search1" type="primary" class="search-btn">开始搜索</el-button> </div> </div> </template>
标签:检索,index,6.16,logical,control,class From: https://www.cnblogs.com/zzqq1314/p/18253430