VUE的solt使用

VUE的solt使用
摘要：该代码展示了Vue中Element UI组件的slot用法，特别是el-select组件的empty插槽。当长江大桥选项不存在时，empty插槽会显示提示信息和操作按钮（"是/否"添加大桥）。代码还包含远程搜索、分页等功能，通过v-model绑定表单数据，并设置了验证规则和禁用条件。整体实现了动态加载大桥选项及无数据时的交互处理。

<el-form-item v-if="forms.fileType=== '长江大桥'"label="长江大桥"prop="bureauPoint":rules="{required:false, message:'请选择长江大桥',trigger: 'blur'}"<el-select v-model="forms.bureauPoint"size="small"v-if="homeTf":disabled="demands ||ldemandsNew"filterable:clearable="true"placeholder="请选择"remote remote-method="remoteMethodsBureauPoints"@focus="remoteMethodsBureauPoints()"style="width:400px"><el-option v-for="item in bureauPointList":key="item.value":label="item.label":value="item.value"></el-option><template slot="empty"><div style="padding:10px 20px;"><p>该长江大桥不存 在,是否添加?</p><el-button type="text"style="float:right;" @click="cancleBureauPoint">否</el-button><el-button type="text"style="float:right;margin-right:20px;" @click="addBureauPointList">是</el-button></div></template><el-pagination layout="prev,next,total" @prev-click="prevPageClick('bureauPoint')" @next-click="nextPageClick('bureauPoint')":page-size="burea uPointPage.pageSize":total="bureauPoint Page.total" small/></el-select>