前言
相信很多开发者在实际项目开发过程中都会使用到 element-ui 组件库中的 Select 选择器,这个选择器官方是默认只用一列去展示所有的选项信息,当我们需要展示的选项内容比较多时用户只能通过滚动条去查找,多少会影响操作效率,本文讲述一种将选项内容分多列去展示的方法,实现比较简单,仅供参考,首先放上笔者自己做出的效果图:
完整代码如下:
<template> <div> <el-form :model="info" label-width="100px" label-position="right"> <el-form-item label="地址:" prop="address"> <el-select v-model="info.address" clea