黑豹程序员-elementplus的el-transfer穿梭组件，实现城市选择，并支持拼音检索过滤

长安紫薯

于 2023-12-06 09:29:24 发布

阅读量497

点赞数 3

分类专栏：黑豹程序员 Vue 文章标签： vue.js 前端

本文链接：https://blog.youkuaiyun.com/nutony/article/details/134823073

版权

本文介绍了如何在ElementPlus库中使用el-transfer组件，实现在用户列表和收邮件用户列表间进行城市筛选，通过`v-model`绑定了数据，并利用`filterMethod`自定义搜索逻辑。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

功能

ElementPlus 的el-transfer组件，实现城市的选择

效果图

在这里插入图片描述

实现代码

<template>
  <div class="">
    <el-transfer
        filterable
        :titles="['用户列表','收邮件用户列表']"
        :filter-method="filterMethod"
        filter-placeholder=

最低0.47元/天解锁文章