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> <template>
<div> <div style="width: 200px;margin: 100px;">
<Input v-model="value11" size="small"> {{ value6 }}
<span slot="prepend">http://</span> <Input v-model="value5" type="textarea" placeholder="Enter something..."></Input>
<span slot="append">.com</span> <Input v-model="value6" type="textarea" :rows="4" placeholder="Enter something..."></Input>
</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> </div>
</template> </template>
<script> <script>
export default { export default {
data () { data () {
return { return {
value11: '', value5: '',
value12: '', value6: ''
value13: '',
select1: 'http',
select2: 'com',
select3: 'day'
} }
} }
} }

View file

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