中国制造网网站特色,网站建设包含哪些建设阶段,石家庄网站建设电话咨询,给公司做网站多少钱效果#xff1a; DOM部分 #xff1a; // 设置el-option隐藏的下拉选项#xff0c;选项显示的是汉字label#xff0c;值是value // 如果不设置一个下拉选项#xff0c;下面的树形组件将无法正常使用 el-form-item label报警区域 propmonitorId DOM部分 // 设置el-option隐藏的下拉选项选项显示的是汉字label值是value // 如果不设置一个下拉选项下面的树形组件将无法正常使用 el-form-item label报警区域 propmonitorIdel-select refselectUpResId v-modelqueryParams.labelName placeholder请选择报警区域 classtreeselect-main// 设置一个隐藏的下拉选项选项显示的是汉字label值是value// 如果不设置一个下拉选项下面的树形组件将无法正常使用el-option hidden :keyqueryParams.monitorId :valuequeryParams.monitorId:labelqueryParams.labelName/el-optionel-tree :datadeptOptions :propsdefaultProps :expand-on-click-nodefalse :check-on-click-nodetruenode-clickhandleNodeClick :highlight-currenttrue :current-node-keycurrentKey/el-tree/el-select/el-form-item js部分
:highlight-currenttrue :current-node-keycurrentKey开启高亮当前节点的功能
this.deptOptions格式为数组嵌套数组例如 data: [{id: 1,name: 一级 1,children: [{id: 11,name: 二级 1-1,children: [{id: 111,name: 三级 1-1-1}]}]}], data({// 查询参数queryParams: {pageNum: 1,pageSize: 10,pushType: null,pushTime: null,level: null,status: null,monitorId: null, //绑定的idlabelName: //用于回显的label文字},
//下拉款结构defaultProps: {children: children,label: label}}
)created() {this.getMonitorTree() //初始化获取tree下拉框},methods: {/** 获取监控区域下拉树结构 */getMonitorTree() {monitorTreeSelect().then((response) {response.data.forEach(item {this.deptOptions.push({id: item.id,label: item.label,children: item.children,})});})},
//选中需要绑定的id赋值给 this.queryParams.monitorIdhandleNodeClick(data) {this.queryParams.labelName data.labelthis.queryParams.monitorId data.idthis.$refs.selectUpResId.blur() //选中后隐藏下拉框}
}
