vue 类型字段除了用select框

pumelo-select

A Vue Select Component By Pumelo

English document see => README.md

演示

特性:

纯数据驱动

支持vue指令:v-model

支持数据双向绑定

支持change事件

支持禁用组件

提供搜索入口

支持数据分组

用法

选择组件导入，这里有2个组件，一个是基本的，一个是分组的

import SelectX from '@/components/Select'

import GroupSelectX from '@/components/GroupSelect'

注册组件，如下

components: {

SelectX,GroupSelectX

}

创建数据结构，这里基本的选择框和分组选择框有一些不同。

Select的数据结构

[{value:'1',text:"Some Text"}]

GroupSelect的数据结构

[{group:'groupName',data:[{value:'1',text:"Some Text"}]}]

在模板代码中使用，如下

怎么使用 @change 事件?

change事件比较简单，你可以定义一个方法，如下

onChange:function (data) {

console.log(data)

}

然后绑定在@change 或者 v-on:change

怎么禁用选择框?

使用 :disable="true" 在组件上，默认是不禁止的

怎么使用搜索入口?

搜索入口提供了一个输入框来输入搜索关键字，通过@on-search事件回传输入的关键字，因此你可以定义一个方法来接收该值

searchCallback:function(data){

console.log(data)

this.searchKey=data

}

收到值后，你应该实现自己的搜索逻辑，然后改变搜索框的数据列表。it's open.

样式

你可以修改控件的样式，控件本身没有多少样式，但是依赖了极其少了的bootstrap.css 和其他的一些css样式。

当你引入到你的项目中时，为了保证样式的统一，我更加希望你去直接修改控件的样式。甚至修改控件。

反馈 & Bugs

这个控件会存在一些问题，如果你发现了，请发送邮件到(535553297#qq.com,replace '#' to '@')

感谢你的支持。

vue 类型字段除了用select框_pumelo-select相关推荐

vue 类型字段除了用select框_10个好用的 HTML5 特性
在本文中,我列出了十个我过去没用过的HTML5功能,但现在发现它们很有用,废话不多说,让我们开始吧. detais 标签标签向用户提供按需查看详细信息的效果.如果需要按需向用户显示内容,简单的做法就 ...
Oracle 有long类型字段的表使用insert into select 语句，出现:ORA-00997 错误
表结构如下字段类型 col1 varchar2(64) col2 long --复制数据 insert into mytable(col1,col2) select col1||'_copy',c ...
antd vue 多个下拉联动_antd中select下拉框值为对象选中的问题
使用antd中的select下拉框,遇到个小问题,后台管理系统中,使用下拉框,一般不会是简单的就直接使用select中的value值,而是会使用id或者value中文对应的keyword,并且这个在o ...
一个基于vue和element-ui的树形穿梭框组件
el-tree-transfer 简介因为公司业务使用vue框架,ui库使用的element-ui.在市面上找到一个好用的vue树形穿梭框组件都很难,又不想仅仅因为一个穿梭框在element-ui之 ...
oracle执行计划走索引类型,SQL执行计划问题：where条件是主键（NUMBER类型字段）LIKE :VAR，为什么执行计划不走索引？...
SQL执行计划问题:where条件是主键(NUMBER类型字段)LIKE :VAR,为什么执行计划不走索引? 中文社区 (MOSC) 数据库 (MOSC) 6 Replies Last update ...
hive 指定字段插入数据_Hive 表之间数据处理，Int 类型字段部分字段出现 NULL情况...
背景 hive 中有一张待处理的分区表,存储的方式是parquet,处理之后的目标表是一张非分区的外部表,并且分隔方式为 ",". 问题部分记录的 int 类型字段出现 nul ...
clob类型用java怎么存,Java 储存和读取 oracle CLOB 类型字段的实用方法
当前位置:我的异常网» 编程 » Java 储存和读取 oracle CLOB 类型字段的实用方法 Java 储存和读取 oracle CLOB 类型字段的实用方法 www.myexceptions. ...
mysql语句中把string类型字段转datetime类型
mysql语句中把string类型字段转datetime类型在mysql里面利用str_to_date()把字符串转换为日期此处以表h_hotelcontext的Start_time和End_ti ...
php mysql int 日期格式化 string,MYSQL int类型字段的时间存放和显示和 php的时间存放函数...
mysql: ====================== int类型字段的时间存放 UPDATE tablename SET add_time = UNIX_TIMESTAMP(NOW()) int ...

vue 类型字段除了用select框_pumelo-select

vue 类型字段除了用select框_pumelo-select相关推荐

最新文章

热门文章