drip-public/iview
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Input add readonly prop & focus、blur events

Browse source 
Input add readonly prop & focus、blur events
This commit is contained in:
梁灏 2016-11-15 10:43:00 +08:00
parent c571d9ec2b
commit 0a48ac45a4
8 changed files with 78 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

1
test/app.vue
View file

@ -41,6 +41,7 @@ li + li {
<li><a v-link="'/alert'">Alert</a></li>
<li><a v-link="'/tag'">Tag</a></li>
<li><a v-link="'/input'">Input</a></li>
<li><a v-link="'/cascader'">Cascader</a></li>
</ul>
</nav>
<router-view></router-view>

5
test/main.js
View file

@ -92,6 +92,11 @@ router.map({
component: function (resolve) {
require(['./routers/tooltip.vue'], resolve);
}
},
'/cascader': {
component: function (resolve) {
require(['./routers/cascader.vue'], resolve);
}
}
});

21
test/routers/cascader.vue Normal file
View file

@ -0,0 +1,21 @@
<template>
</template>
<script>
export default {
props: {
},
data () {
return {
}
},
computed: {
},
methods: {
}
}
</script>

10
test/routers/input.vue
View file

@ -1,5 +1,5 @@
<template>
<i-input icon="ios-clock-outline" style="width:200px;" :value.sync="v" @on-enter="enter" @on-click="iconclick" size="large" placeholder="请输入"></i-input>
<i-input icon="ios-clock-outline" @on-focus="focus" @on-blur="blur" readonly style="width:200px;" :value.sync="v" @on-enter="enter" @on-click="iconclick" size="large" placeholder="请输入"></i-input>
<i-input icon="ios-clock-outline" style="width:200px;" :value.sync="v" @on-enter="enter" placeholder="请输入"></i-input>
<i-input icon="ios-clock-outline" style="width:200px;" :value.sync="v" @on-enter="enter" size="small" placeholder="请输入"></i-input>
<br>
@ -10,7 +10,7 @@
{{ v }}
<br>
<br>
<i-input placeholder="this is something" style="width:200px;" :value.sync="t" type="textarea" :autosize="autosize"></i-input>
<i-input readonly placeholder="this is something" style="width:200px;" :value.sync="t" type="textarea" :autosize="autosize"></i-input>
{{ t }}
<br>
<br>
@ -116,6 +116,12 @@
},
change (val) {
console.log(val)
},
focus () {
this.$Message.info('focus');
},
blur () {
this.$Message.info('blur');
}
}
}