这篇博客介绍了如何在Vue应用中利用el-transfer组件实现角色的选择和过滤功能。通过设置属性如v-model、filterable、filter-method等，实现了在左右两个列表间筛选和转移角色，并且在openDialog方法中清除了查询条件。
<el-transfer
ref="roleTransfer"
v-model="formInline.lngroleids"
class="role-transfer"
filterable
:filter-method="filterMethod"
filter-placeholder="请输入编码或名称进行查询"
:props="{
key: 'lngroleid',
label: 'strrolename',
value: 'lngroleid'
}"
:data="getSysroleList"
:titles="['未选数据', '已选数据']"
/>
methods: {
openDialog() {
this.$nextTick(() => {
this.$refs.roleTransfer.clearQuery('left')
this.$refs.roleTransfer.clearQuery('right')
})
}
}
扫一扫
581
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
