This commit is contained in:
梁灏 2018-03-13 11:49:11 +08:00
parent 31b721aa21
commit 4f2dc7e328
2 changed files with 13 additions and 47 deletions

View file

@ -1,57 +1,16 @@
<template>
<div>
<Input v-model="value11" size="small">
<span slot="prepend">http://</span>
<span slot="append">.com</span>
</Input>
<br>
<Input v-model="value12" size="small">
<Select v-model="select1" slot="prepend" style="width: 80px">
<Option value="http">http://</Option>
<Option value="https">https://</Option>
</Select>
<Select v-model="select2" slot="append" style="width: 70px">
<Option value="com">.com</Option>
<Option value="org">.org</Option>
<Option value="io">.io</Option>
</Select>
</Input>
<br>
<Input v-model="value13" size="small">
<Select v-model="select3" slot="prepend" style="width: 80px">
<Option value="day">Day</Option>
<Option value="month">Month</Option>
</Select>
<Button slot="append" icon="ios-search"></Button>
</Input>
<br>
<Input v-model="value13" size="large">
<Select v-model="select3" slot="prepend" style="width: 80px">
<Option value="day">Day</Option>
<Option value="month">Month</Option>
</Select>
<Button slot="append" icon="ios-search"></Button>
</Input>
<br>
<Input v-model="value13" size="default">
<Select v-model="select3" slot="prepend" style="width: 80px">
<Option value="day">Day</Option>
<Option value="month">Month</Option>
</Select>
<Button slot="append" icon="ios-search"></Button>
</Input>
<div style="width: 200px;margin: 100px;">
{{ value6 }}
<Input v-model="value5" type="textarea" placeholder="Enter something..."></Input>
<Input v-model="value6" type="textarea" :rows="4" placeholder="Enter something..."></Input>
</div>
</template>
<script>
export default {
data () {
return {
value11: '',
value12: '',
value13: '',
select1: 'http',
select2: 'com',
select3: 'day'
value5: '',
value6: ''
}
}
}

View file

@ -35,6 +35,7 @@
<textarea
v-else
:id="elementId"
:wrap="wrap"
:autocomplete="autocomplete"
:spellcheck="spellcheck"
ref="textarea"
@ -135,6 +136,12 @@
},
elementId: {
type: String
},
wrap: {
validator (value) {
return oneOf(value, ['hard', 'soft']);
},
default: 'soft'
}
},
data () {