diff --git a/examples/main.js b/examples/main.js
index c27d94f..54abbbd 100644
--- a/examples/main.js
+++ b/examples/main.js
@@ -10,7 +10,10 @@ import iView from '../src/index';
import locale from '../src/locale/lang/zh-CN';
Vue.use(VueRouter);
-Vue.use(iView, { locale });
+Vue.use(iView, {
+ locale,
+ transfer: true
+});
// 开启debug模式
Vue.config.debug = true;
diff --git a/examples/routers/select.vue b/examples/routers/select.vue
index b3e7185..82e4bb9 100644
--- a/examples/routers/select.vue
+++ b/examples/routers/select.vue
@@ -1,959 +1,40 @@
-<!--<template>-->
- <!--<div>-->
- <!--{{model10}} - -->
- <!--{{model11}}-->
- <!--<Select -->
- <!--v-model="model10" -->
- <!--style="width:260px">-->
- <!--<Option -->
- <!--v-for="(item, index) in cityList" -->
- <!--:value="item.value" -->
- <!--:key="index">{{item.label}}</Option>-->
- <!--</Select>-->
- <!--<Select -->
- <!--v-model="model11" -->
- <!--style="width:260px">-->
- <!--<Option -->
- <!--v-for="(item, index) in cityList" -->
- <!--:value="item.value" -->
- <!--:key="index">{{item.label}}</Option>-->
- <!--</Select>-->
- <!--</div>-->
-<!--</template>-->
-<!--<script>-->
-<!--export default {-->
- <!--data() {-->
- <!--return {-->
- <!--cityList: [],-->
- <!--model10: '',-->
- <!--model11: '',-->
- <!--model12: '',-->
- <!--};-->
- <!--},-->
- <!--mounted() {-->
- <!--setTimeout(() => {-->
- <!--this.cityList = [-->
- <!--{-->
- <!--value: 'beijing',-->
- <!--label: '北京市',-->
- <!--},-->
- <!--{-->
- <!--value: 'shanghai',-->
- <!--label: '上海市',-->
- <!--},-->
- <!--{-->
- <!--value: 'shenzhen',-->
- <!--label: '深圳市',-->
- <!--},-->
- <!--{-->
- <!--value: 'hangzhou',-->
- <!--label: '杭州市',-->
- <!--},-->
- <!--{-->
- <!--value: 'nanjing',-->
- <!--label: '南京市',-->
- <!--},-->
- <!--{-->
- <!--value: 'chongqing',-->
- <!--label: '重庆市',-->
- <!--},-->
- <!--];-->
- <!--}, 1000);-->
- <!--},-->
-<!--};-->
-<!--</script>-->
-
-<!--<template>-->
- <!--<div>-->
- <!--<Select v-model="value">-->
- <!--<Option -->
- <!--v-for="item in list" -->
- <!--:value="item.value" -->
- <!--:label="item.label" -->
- <!--:key="item.value"></Option>-->
- <!--</Select>-->
- <!--<Button @click="setList">set list</Button>-->
- <!--</div>-->
-<!--</template>-->
-<!--<script>-->
-<!--export default {-->
- <!--data() {-->
- <!--return {-->
- <!--value: '',-->
- <!--list: [],-->
- <!--};-->
- <!--},-->
- <!--methods: {-->
- <!--setList() {-->
- <!--const list = [];-->
- <!--for (let i = 0; i < 400; i++) {-->
- <!--list.push({-->
- <!--value: `value${i}`,-->
- <!--label: `label${i}`,-->
- <!--});-->
- <!--}-->
- <!--this.list = list;-->
- <!--},-->
- <!--},-->
-<!--};-->
-<!--</script>-->
-
-<!--<template>-->
- <!--<div style="width: 400px;margin: 50px;">-->
- <!--<div>data: {{model13}}</div>-->
- <!--<Row>-->
- <!--<Col -->
- <!--span="12" -->
- <!--style="padding-right:10px">-->
- <!--<Select-->
- <!--v-model="model13"-->
- <!--:remote-method="remoteMethod1"-->
- <!--:loading="loading1"-->
- <!--size="small"-->
- <!--placeholder="提示提示"-->
- <!--filterable-->
- <!--remote-->
- <!--transfer>-->
- <!--<Option -->
- <!--v-for="(option, index) in options1" -->
- <!--:value="option.value" -->
- <!--:key="index">{{option.label}}</Option>-->
- <!--</Select>-->
-<!--</Col>-->
- <!--<Col span="12">-->
- <!--<Select-->
- <!--v-model="model14"-->
- <!--:remote-method="remoteMethod2"-->
- <!--:loading="loading2"-->
- <!--multiple-->
- <!--filterable-->
- <!--remote>-->
- <!--<Option -->
- <!--v-for="(option, index) in options2" -->
- <!--:value="option.value" -->
- <!--:key="index">{{option.label}}</Option>-->
- <!--</Select>-->
-<!--</Col>-->
- <!--</Row>-->
- <!--</div>-->
-<!--</template>-->
-<!--<script>-->
-<!--export default {-->
- <!--data() {-->
- <!--return {-->
- <!--model13: '',-->
- <!--loading1: false,-->
- <!--options1: [],-->
- <!--model14: [],-->
- <!--loading2: false,-->
- <!--options2: [],-->
- <!--list: [-->
- <!--'Alabama',-->
- <!--'Alaska',-->
- <!--'Arizona',-->
- <!--'Arkansas',-->
- <!--'California',-->
- <!--'Colorado',-->
- <!--'Connecticut',-->
- <!--'Delaware',-->
- <!--'Florida',-->
- <!--'Georgia',-->
- <!--'Hawaii',-->
- <!--'Idaho',-->
- <!--'Illinois',-->
- <!--'Indiana',-->
- <!--'Iowa',-->
- <!--'Kansas',-->
- <!--'Kentucky',-->
- <!--'Louisiana',-->
- <!--'Maine',-->
- <!--'Maryland',-->
- <!--'Massachusetts',-->
- <!--'Michigan',-->
- <!--'Minnesota',-->
- <!--'Mississippi',-->
- <!--'Missouri',-->
- <!--'Montana',-->
- <!--'Nebraska',-->
- <!--'Nevada',-->
- <!--'New hampshire',-->
- <!--'New jersey',-->
- <!--'New mexico',-->
- <!--'New york',-->
- <!--'North carolina',-->
- <!--'North dakota',-->
- <!--'Ohio',-->
- <!--'Oklahoma',-->
- <!--'Oregon',-->
- <!--'Pennsylvania',-->
- <!--'Rhode island',-->
- <!--'South carolina',-->
- <!--'South dakota',-->
- <!--'Tennessee',-->
- <!--'Texas',-->
- <!--'Utah',-->
- <!--'Vermont',-->
- <!--'Virginia',-->
- <!--'Washington',-->
- <!--'West virginia',-->
- <!--'Wisconsin',-->
- <!--'Wyoming',-->
- <!--],-->
- <!--};-->
- <!--},-->
- <!--methods: {-->
- <!--remoteMethod1(query) {-->
- <!--if (query !== '') {-->
- <!--this.loading1 = true;-->
- <!--setTimeout(() => {-->
- <!--this.loading1 = false;-->
- <!--const list = this.list.map((item) => ({-->
- <!--value: item,-->
- <!--label: item,-->
- <!--}));-->
- <!--this.options1 = list.filter((item) => item.label.toLowerCase().indexOf(query.toLowerCase()) > -1);-->
- <!--}, 200);-->
- <!--} else {-->
- <!--this.options1 = [];-->
- <!--}-->
- <!--},-->
- <!--remoteMethod2(query) {-->
- <!--if (query !== '') {-->
- <!--this.loading2 = true;-->
- <!--setTimeout(() => {-->
- <!--this.loading2 = false;-->
- <!--const list = this.list.map((item) => ({-->
- <!--value: item,-->
- <!--label: item,-->
- <!--}));-->
- <!--this.options2 = list.filter((item) => item.label.toLowerCase().indexOf(query.toLowerCase()) > -1);-->
- <!--}, 200);-->
- <!--} else {-->
- <!--this.options2 = [];-->
- <!--}-->
- <!--},-->
- <!--},-->
-<!--};-->
-<!--</script>-->
-
-<!--<template>-->
- <!--<div style="width: 300px">-->
- <!--<Select-->
- <!--v-model="model14"-->
- <!--:remote-method="remoteMethod2"-->
- <!--:loading="loading2"-->
- <!--multiple-->
- <!--filterable-->
- <!--remote>-->
- <!--<Option -->
- <!--v-for="(option, index) in options2" -->
- <!--:value="option.value" -->
- <!--:key="index">{{option.label}}</Option>-->
- <!--</Select>-->
- <!--</div>-->
-<!--</template>-->
-<!--<script>-->
-<!--export default {-->
- <!--data() {-->
- <!--return {-->
- <!--model13: '',-->
- <!--loading1: false,-->
- <!--options1: [],-->
- <!--model14: [],-->
- <!--loading2: false,-->
- <!--options2: [],-->
- <!--list: ['a', 'b', 'c'],-->
- <!--};-->
- <!--},-->
- <!--methods: {-->
- <!--remoteMethod2(query) {-->
- <!--if (query !== '') {-->
- <!--this.loading2 = true;-->
- <!--setTimeout(() => {-->
- <!--this.loading2 = false;-->
- <!--const list = this.list.map((item) => ({-->
- <!--value: item,-->
- <!--label: item,-->
- <!--}));-->
- <!--this.options2 = list.filter((item) => item.label.toLowerCase().indexOf(query.toLowerCase()) > -1);-->
- <!--}, 200);-->
- <!--} else {-->
- <!--this.options2 = [];-->
- <!--}-->
- <!--},-->
- <!--},-->
-<!--};-->
-<!--</script>-->
-
-
-<!--<template>-->
- <!--<Row>-->
- <!--<Col -->
- <!--span="12" -->
- <!--style="padding-right:10px">-->
- <!--<Select-->
- <!--v-model="model13"-->
- <!--:remote-method="remoteMethod1"-->
- <!--:loading="loading1"-->
- <!--filterable-->
- <!--remote>-->
- <!--<Option -->
- <!--v-for="(option, index) in options1" -->
- <!--:value="option.value" -->
- <!--:key="index">{{option.label}}</Option>-->
- <!--</Select>-->
-<!--</Col>-->
- <!--<Col span="12">-->
- <!--<Select-->
- <!--v-model="model14"-->
- <!--:remote-method="remoteMethod2"-->
- <!--:loading="loading2"-->
- <!--multiple-->
- <!--filterable-->
- <!--remote>-->
- <!--<Option -->
- <!--v-for="(option, index) in options2" -->
- <!--:value="option.value" -->
- <!--:key="index">{{option.label}}</Option>-->
- <!--</Select>-->
-<!--</Col>-->
- <!--</Row>-->
-<!--</template>-->
-<!--<script>-->
-<!--export default {-->
- <!--data() {-->
- <!--return {-->
- <!--model13: '',-->
- <!--loading1: false,-->
- <!--options1: [],-->
- <!--model14: [],-->
- <!--loading2: false,-->
- <!--options2: [],-->
- <!--list: [-->
- <!--'Alabama',-->
- <!--'Alaska',-->
- <!--'Arizona',-->
- <!--'Arkansas',-->
- <!--'California',-->
- <!--'Colorado',-->
- <!--'Connecticut',-->
- <!--'Delaware',-->
- <!--'Florida',-->
- <!--'Georgia',-->
- <!--'Hawaii',-->
- <!--'Idaho',-->
- <!--'Illinois',-->
- <!--'Indiana',-->
- <!--'Iowa',-->
- <!--'Kansas',-->
- <!--'Kentucky',-->
- <!--'Louisiana',-->
- <!--'Maine',-->
- <!--'Maryland',-->
- <!--'Massachusetts',-->
- <!--'Michigan',-->
- <!--'Minnesota',-->
- <!--'Mississippi',-->
- <!--'Missouri',-->
- <!--'Montana',-->
- <!--'Nebraska',-->
- <!--'Nevada',-->
- <!--'New hampshire',-->
- <!--'New jersey',-->
- <!--'New mexico',-->
- <!--'New york',-->
- <!--'North carolina',-->
- <!--'North dakota',-->
- <!--'Ohio',-->
- <!--'Oklahoma',-->
- <!--'Oregon',-->
- <!--'Pennsylvania',-->
- <!--'Rhode island',-->
- <!--'South carolina',-->
- <!--'South dakota',-->
- <!--'Tennessee',-->
- <!--'Texas',-->
- <!--'Utah',-->
- <!--'Vermont',-->
- <!--'Virginia',-->
- <!--'Washington',-->
- <!--'West virginia',-->
- <!--'Wisconsin',-->
- <!--'Wyoming',-->
- <!--],-->
- <!--};-->
- <!--},-->
- <!--methods: {-->
- <!--remoteMethod1(query) {-->
- <!--if (query !== '') {-->
- <!--this.loading1 = true;-->
- <!--setTimeout(() => {-->
- <!--this.loading1 = false;-->
- <!--const list = this.list.map((item) => ({-->
- <!--value: item,-->
- <!--label: item,-->
- <!--}));-->
- <!--this.options1 = list.filter((item) => item.label.toLowerCase().indexOf(query.toLowerCase()) > -1);-->
- <!--}, 200);-->
- <!--} else {-->
- <!--this.options1 = [];-->
- <!--}-->
- <!--},-->
- <!--remoteMethod2(query) {-->
- <!--if (query !== '') {-->
- <!--this.loading2 = true;-->
- <!--setTimeout(() => {-->
- <!--this.loading2 = false;-->
- <!--const list = this.list.map((item) => ({-->
- <!--value: item,-->
- <!--label: item,-->
- <!--}));-->
- <!--this.options2 = list.filter((item) => item.label.toLowerCase().indexOf(query.toLowerCase()) > -1);-->
- <!--}, 200);-->
- <!--} else {-->
- <!--this.options2 = [];-->
- <!--}-->
- <!--},-->
- <!--},-->
-<!--};-->
-<!--</script>-->
-
-<!--<template>-->
- <!--<div id="app">-->
- <!--<input><br>-->
- <!--<i-select-->
- <!--v-model="model1"-->
- <!--style="width:200px"-->
- <!-->-->
- <!--<i-option-->
- <!--v-for="item in cityList"-->
- <!--:value="item.value"-->
- <!--:key="item.value"-->
- <!-->{{item.label}}</i-option>-->
- <!--</i-select>-->
- <!--<br>-->
- <!--<i-select-->
- <!--v-model="model2"-->
- <!--size="small"-->
- <!--style="width:100px"-->
- <!-->-->
- <!--<i-option-->
- <!--v-for="item in cityList"-->
- <!--:value="item.value"-->
- <!--:key="item.value"-->
- <!-->{{item.label}}</i-option>-->
- <!--</i-select>-->
- <!--<i-select-->
- <!--v-model="model3"-->
- <!--style="width:100px"-->
- <!-->-->
- <!--<i-option-->
- <!--v-for="item in cityList"-->
- <!--:value="item.value"-->
- <!--:key="item.value"-->
- <!-->{{item.label}}</i-option>-->
- <!--</i-select>-->
- <!--<i-select-->
- <!--v-model="model4"-->
- <!--size="large"-->
- <!--style="width:100px"-->
- <!-->-->
- <!--<i-option-->
- <!--v-for="item in cityList"-->
- <!--:value="item.value"-->
- <!--:key="item.value"-->
- <!-->{{item.label}}</i-option>-->
- <!--</i-select>-->
- <!--<br>-->
- <!--<i-select-->
- <!--v-model="model5"-->
- <!--disabled-->
- <!--style="width:200px"-->
- <!-->-->
- <!--<i-option-->
- <!--v-for="item in cityList"-->
- <!--:value="item.value"-->
- <!--:key="item.value"-->
- <!-->{{item.label}}</i-option>-->
- <!--</i-select>-->
- <!--<i-select-->
- <!--v-model="model6"-->
- <!--style="width:200px"-->
- <!-->-->
- <!--<i-option value="beijing">New York</i-option>-->
- <!--<i-option -->
- <!--value="shanghai" -->
- <!--disabled>London</i-option>-->
- <!--<i-option value="shenzhen">Sydney</i-option>-->
- <!--</i-select>-->
- <!--<br>-->
- <!--<i-select-->
- <!--v-model="model8"-->
- <!--clearable-->
- <!--style="width:200px"-->
- <!-->-->
- <!--<i-option-->
- <!--v-for="item in cityList"-->
- <!--:value="item.value"-->
- <!--:key="item.value"-->
- <!-->{{item.label}}</i-option>-->
- <!--</i-select>-->
- <!--<br>-->
- <!--<i-select-->
- <!--v-model="model7"-->
- <!--style="width:200px"-->
- <!-->-->
- <!--<option-group label="Hot Cities">-->
- <!--<i-option-->
- <!--v-for="item in cityList1"-->
- <!--:value="item.value"-->
- <!--:key="item.value"-->
- <!-->{{item.label}}</i-option>-->
- <!--</option-group>-->
- <!--<option-group label="Other Cities">-->
- <!--<i-option-->
- <!--v-for="item in cityList2"-->
- <!--:value="item.value"-->
- <!--:key="item.value"-->
- <!-->{{item.label}}</i-option>-->
- <!--</option-group>-->
- <!--</i-select>-->
- <!--<br>-->
- <!--<i-select-->
- <!--v-model="model9"-->
- <!--style="width:200px"-->
- <!-->-->
- <!--<i-option -->
- <!--value="New York" -->
- <!--label="New York">-->
- <!--<span>New York</span>-->
- <!--<span style="float:right;color:#ccc">America</span>-->
- <!--</i-option>-->
- <!--<i-option -->
- <!--value="London" -->
- <!--label="London">-->
- <!--<span>London</span>-->
- <!--<span style="float:right;color:#ccc">U.K.</span>-->
- <!--</i-option>-->
- <!--<i-option -->
- <!--value="Sydney" -->
- <!--label="Sydney">-->
- <!--<span>Sydney</span>-->
- <!--<span style="float:right;color:#ccc">Australian</span>-->
- <!--</i-option>-->
- <!--</i-select>-->
- <!--<br>-->
- <!--<div>here</div>-->
- <!--<i-select-->
- <!--v-model="model10"-->
- <!--multiple-->
- <!--style="width:260px"-->
- <!-->-->
- <!--<i-option-->
- <!--v-for="item in cityList"-->
- <!--:value="item.value"-->
- <!--:key="item.value"-->
- <!-->{{item.label}}</i-option>-->
- <!--</i-select>-->
- <!--<br>-->
- <!--<row>-->
- <!--<i-col-->
- <!--span="12"-->
- <!--style="padding-right:10px"-->
- <!-->-->
- <!--<i-select-->
- <!--v-model="model11"-->
- <!--filterable-->
- <!-->-->
- <!--<i-option-->
- <!--v-for="item in cityList"-->
- <!--:value="item.value"-->
- <!--:key="item.value"-->
- <!-->{{item.label}}</i-option>-->
- <!--</i-select>-->
- <!--</i-col>-->
- <!--<i-col span="12">-->
- <!--<i-select-->
- <!--v-model="model12"-->
- <!--filterable-->
- <!--multiple-->
- <!-->-->
- <!--<i-option-->
- <!--v-for="item in cityList"-->
- <!--:value="item.value"-->
- <!--:key="item.value"-->
- <!-->{{item.label}}</i-option>-->
- <!--</i-select>-->
- <!--</i-col>-->
- <!--</row>-->
- <!--<br>-->
- <!--<row>-->
- <!--<i-col-->
- <!--span="12"-->
- <!--style="padding-right:10px"-->
- <!-->-->
- <!--<i-select-->
- <!--v-model="model13"-->
- <!--:remote-method="remoteMethod1"-->
- <!--:loading="loading1"-->
- <!--filterable-->
- <!--remote-->
- <!--clearable-->
- <!-->-->
- <!--<i-option-->
- <!--v-for="(option, index) in options1"-->
- <!--:value="option.value"-->
- <!--:key="index"-->
- <!-->{{option.label}}</i-option>-->
- <!--</i-select>-->
- <!--</i-col>-->
- <!--<i-col span="12">-->
- <!--<i-select-->
- <!--v-model="model14"-->
- <!--:remote-method="remoteMethod2"-->
- <!--:loading="loading2"-->
- <!--multiple-->
- <!--filterable-->
- <!--remote-->
- <!--clearable>-->
- <!--<i-option-->
- <!--v-for="(option, index) in options2"-->
- <!--:value="option.value"-->
- <!--:key="index"-->
- <!-->{{option.label}}</i-option>-->
- <!--</i-select>-->
- <!--</i-col>-->
- <!--</row>-->
- <!--</div>-->
-<!--</template>-->
-
-<!--<script>-->
-<!--export default {-->
- <!--data() {-->
- <!--return {-->
- <!--cityList: [-->
- <!--{-->
- <!--value: 'New York',-->
- <!--label: 'New York',-->
- <!--},-->
- <!--{-->
- <!--value: 'London',-->
- <!--label: 'London',-->
- <!--},-->
- <!--{-->
- <!--value: 'Sydney',-->
- <!--label: 'Sydney',-->
- <!--},-->
- <!--{-->
- <!--value: 'Ottawa',-->
- <!--label: 'Ottawa',-->
- <!--},-->
- <!--{-->
- <!--value: 'Paris',-->
- <!--label: 'Paris',-->
- <!--},-->
- <!--{-->
- <!--value: 'Canberra',-->
- <!--label: 'Canberra',-->
- <!--},-->
- <!--],-->
- <!--cityList1: [-->
- <!--{-->
- <!--value: 'New York',-->
- <!--label: 'New York',-->
- <!--},-->
- <!--{-->
- <!--value: 'London',-->
- <!--label: 'London',-->
- <!--},-->
- <!--{-->
- <!--value: 'Sydney',-->
- <!--label: 'Sydney',-->
- <!--},-->
- <!--],-->
- <!--cityList2: [-->
- <!--{-->
- <!--value: 'Ottawa',-->
- <!--label: 'Ottawa',-->
- <!--},-->
- <!--{-->
- <!--value: 'Paris',-->
- <!--label: 'Paris',-->
- <!--},-->
- <!--{-->
- <!--value: 'Canberra',-->
- <!--label: 'Canberra',-->
- <!--},-->
- <!--],-->
- <!--model1: '',-->
- <!--model2: '',-->
- <!--model3: '',-->
- <!--model4: '',-->
- <!--model5: '',-->
- <!--model6: '',-->
- <!--model7: '',-->
- <!--model8: '',-->
- <!--model9: '',-->
- <!--model10: [],-->
- <!--model11: '',-->
- <!--model12: [],-->
- <!--model13: '',-->
- <!--loading1: false,-->
- <!--options1: [],-->
- <!--model14: [],-->
- <!--loading2: false,-->
- <!--options2: [],-->
- <!--list: [-->
- <!--'Alabama',-->
- <!--'Alaska',-->
- <!--'Arizona',-->
- <!--'Arkansas',-->
- <!--'California',-->
- <!--'Colorado',-->
- <!--'Connecticut',-->
- <!--'Delaware',-->
- <!--'Florida',-->
- <!--'Georgia',-->
- <!--'Hawaii',-->
- <!--'Idaho',-->
- <!--'Illinois',-->
- <!--'Indiana',-->
- <!--'Iowa',-->
- <!--'Kansas',-->
- <!--'Kentucky',-->
- <!--'Louisiana',-->
- <!--'Maine',-->
- <!--'Maryland',-->
- <!--'Massachusetts',-->
- <!--'Michigan',-->
- <!--'Minnesota',-->
- <!--'Mississippi',-->
- <!--'Missouri',-->
- <!--'Montana',-->
- <!--'Nebraska',-->
- <!--'Nevada',-->
- <!--'New hampshire',-->
- <!--'New jersey',-->
- <!--'New mexico',-->
- <!--'New york',-->
- <!--'North carolina',-->
- <!--'North dakota',-->
- <!--'Ohio',-->
- <!--'Oklahoma',-->
- <!--'Oregon',-->
- <!--'Pennsylvania',-->
- <!--'Rhode island',-->
- <!--'South carolina',-->
- <!--'South dakota',-->
- <!--'Tennessee',-->
- <!--'Texas',-->
- <!--'Utah',-->
- <!--'Vermont',-->
- <!--'Virginia',-->
- <!--'Washington',-->
- <!--'West virginia',-->
- <!--'Wisconsin',-->
- <!--'Wyoming',-->
- <!--],-->
- <!--};-->
- <!--},-->
-
- <!--methods: {-->
- <!--remoteMethod1(query) {-->
- <!--if (query !== '') {-->
- <!--this.loading1 = true;-->
-
- <!--setTimeout(() => {-->
- <!--this.loading1 = false;-->
-
- <!--const list = this.list.map((item) => ({-->
- <!--value: item,-->
- <!--label: item,-->
- <!--}));-->
-
- <!--this.options1 = list.filter((item) => item.label.toLowerCase().includes(query.toLowerCase()));-->
- <!--}, 1500);-->
- <!--} else {-->
- <!--this.options1 = [];-->
- <!--}-->
- <!--},-->
- <!--remoteMethod2(query) {-->
- <!--if (query !== '') {-->
- <!--this.loading2 = true;-->
-
- <!--setTimeout(() => {-->
- <!--this.loading2 = false;-->
-
- <!--const list = this.list.map((item) => ({-->
- <!--value: item,-->
- <!--label: item,-->
- <!--}));-->
-
- <!--this.options2 = list.filter((item) => item.label.toLowerCase().includes(query.toLowerCase()));-->
- <!--}, 200);-->
- <!--} else {-->
- <!--this.options2 = [];-->
- <!--}-->
- <!--},-->
- <!--},-->
-<!--};-->
-<!--</script>-->
-
-
<template>
- <div>
- <Select
- v-model="model1"
- size="small"
- style="width:200px;" >
- <Option
- v-for="item in cityList"
- :value="item.value"
- :key="item.value">{{item.label}}</Option>
- </Select>
- <Select
- v-model="model10"
- size="small"
- multiple
- style="width:260px" >
- <Option
- v-for="item in cityList"
- :value="item.value"
- :key="item.value">{{item.label}}</Option>
- </Select>
-
- <br><br>
-
- <Select
- v-model="model1"
- size="large"
- style="width:200px"
- clearable
- @on-clear="onClear">
- <Option
- v-for="item in cityList"
- :value="item.value"
- :key="item.value">{{item.label}}</Option>
- </Select>
- <Select
- v-model="model10"
- size="large"
- multiple
- style="width:260px">
- <Option
- v-for="item in cityList"
- :value="item.value"
- :key="item.value">{{item.label}}</Option>
- </Select>
-
- <br><br>
-
- <Select
- v-model="model1"
- style="width:200px">
- <Option
- v-for="item in cityList"
- :value="item.value"
- :key="item.value">{{item.label}}</Option>
- </Select>
- <Select
- v-model="model11"
- multiple
- style="width:260px">
- <Option
- v-for="item in cityList"
- :value="item.value"
- :key="item.value">{{item.label}}</Option>
- </Select>
- <Select
- v-model="model10"
- multiple
- style="width:260px">
- <Option
- v-for="item in cityList"
- :value="item.value"
- :key="item.value">{{item.label}}</Option>
- </Select>
-
- <br><br>
-
- <br><br>
-
- <br><br>
- <br><br>
- <br><br>
- <br><br>
- <br><br>
- <br><br>
- <Select
- v-model="model10"
- multiple
- style="width:260px">
- <Option
- v-for="item in cityList"
- :value="item.value"
- :key="item.value">{{item.label}}</Option>
- </Select>
- <br><br>
-
- <br><br>
-
- <br><br>
- <br><br>
- <br><br>
- <br><br>
- <br><br>
- <br><br>
- <Select
- v-model="model10"
- multiple
- style="width:260px">
- <Option
- v-for="item in cityList"
- :value="item.value"
- :key="item.value">{{item.label}}</Option>
- </Select>
- </div>
+ <Select v-model="model1" style="width:200px">
+ <Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
+ </Select>
</template>
<script>
-export default {
- data() {
- return {
- cityList: [
- {
- value: 'New York',
- label: 'New York',
- },
- {
- value: '中国',
- label: '中国',
- },
- {
- value: 'Sydney',
- label: 'Sydney',
- },
- {
- value: 'Ottawa',
- label: 'Ottawa',
- },
- {
- value: 'Paris',
- label: 'Paris',
- },
- {
- value: 'Canberra',
- label: 'Canberra',
- },
- ],
- model1: '',
- model10: [],
- model11: [],
- };
- },
- methods: {
- onClear() {
- console.log('onClear');
- },
- },
-};
+ export default {
+ data () {
+ return {
+ cityList: [
+ {
+ value: 'New York',
+ label: 'New York'
+ },
+ {
+ value: 'London',
+ label: 'London'
+ },
+ {
+ value: 'Sydney',
+ label: 'Sydney'
+ },
+ {
+ value: 'Ottawa',
+ label: 'Ottawa'
+ },
+ {
+ value: 'Paris',
+ label: 'Paris'
+ },
+ {
+ value: 'Canberra',
+ label: 'Canberra'
+ }
+ ],
+ model1: ''
+ }
+ }
+ }
</script>
diff --git a/src/components/select/select.vue b/src/components/select/select.vue
index 5271d11..269723e 100644
--- a/src/components/select/select.vue
+++ b/src/components/select/select.vue
@@ -204,7 +204,9 @@
},
transfer: {
type: Boolean,
- default: false
+ default () {
+ return this.$IVIEW.transfer === '' ? false : this.$IVIEW.transfer;
+ }
},
// Use for AutoComplete
autoComplete: {
diff --git a/src/index.js b/src/index.js
index af25aa1..05cf930 100644
--- a/src/index.js
+++ b/src/index.js
@@ -164,6 +164,11 @@ const install = function(Vue, opts = {}) {
Vue.component(key, iview[key]);
});
+ Vue.prototype.$IVIEW = {
+ size: opts.size || '',
+ transfer: opts.transfer || ''
+ };
+
Vue.prototype.$Loading = LoadingBar;
Vue.prototype.$Message = Message;
Vue.prototype.$Modal = Modal;
--
libgit2 0.21.4