ElementUI 选择一个el-select让另一个el-select默认选中的内容清空
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
免费下载资源
·
需求:现在页面上有两个下拉选择器,先选中第一个,让第二个默认选中的结果清空
效果图如下图:
先选择商品分类,再去选择商品列表中的某一件商品
首先定义两个下拉框组件
<el-form-item label="商品分类"> <el-select v-model="realTimeStatisticsForm.goodsSort" clearable placeholder="请选择商品分类" @change="searchGoodsList"> <el-option v-for="item in goodsSortOpt" :key="item.optVal" :label="item.label" :value="item.optVal" /> </el-select> </el-form-item> <el-form-item label="商品列表"> <el-select v-model="realTimeStatisticsForm.goodsId" clearable filterable placeholder="请选择商品列表" popper-class="goodsSort" @change="changeGoods"> <el-option v-for="item in goodsOpt" :key="item.id" :label="item.goodsName" :value="item.id" /> </el-select> </el-form-item>
然后实现js:
searchGoodsList(item){//根据商品分类查找商品列表 delete this.realTimeStatisticsForm.goodsId },
处理方式是:删除掉需要删除的下拉组件绑定的表单id
GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:3 个月前 )
c345bb45
7 个月前
a07f3a59
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update table.md
* Update transition.md
* Update popover.md 7 个月前
更多推荐
已为社区贡献8条内容
所有评论(0)