iview-extra 基于iview的UI组件
# 安装依赖
npm install iview-extra -S
import iViewExtra from 'iview-extra'
Vue.use(iViewExtra)
和iview一样引入,引入完之后可以直接使用对应的组件,样式只需要引入iview的样式即可,不需要引入其它样式
<template>
<iview-area
v-model="teamArea"
@onChange="changeTeamArea"
ref="teamArea"
type-name="name">
</iview-area>
</template>
iviewExtra props
属性 |
说明 |
类型 |
默认值 |
value |
省市区组件中的value值,可以用v-model双向绑定数据 |
Array |
[] |
typeName |
v-model中绑定数据格式,�可选值为:'all'、'name'、'code' |
String |
'all' |
iviewExtra events
事件名 |
说明 |
返回值 |
on-change |
省市区切换时,省市区组件值变化,默返回值为[省信息,市信息,区信息] |
当前组件的返回值 |
change |
xxx |
zzz |