|
|
@@ -4,14 +4,14 @@
|
|
|
<h4>默认用法 支持异步回显数据</h4>
|
|
|
<nut-textbox v-model="val"></nut-textbox>
|
|
|
<h4>自定义高度:100px</h4>
|
|
|
- <nut-textbox :txtAreaH="100" :maxNum="300" :value="val"></nut-textbox>
|
|
|
+ <nut-textbox :txtAreaH="100" :maxNum="300" v-model="val"></nut-textbox>
|
|
|
|
|
|
<h4>自定义提示语</h4>
|
|
|
- <nut-textbox :placeText="'请填写详细情况请填写详细情况'"></nut-textbox>
|
|
|
+ <nut-textbox :placeText="'请填写详细情况请填写详细情况'" v-model="val1"></nut-textbox>
|
|
|
|
|
|
|
|
|
<h4>自定义字数限制</h4>
|
|
|
- <nut-textbox :maxNum="100"></nut-textbox>
|
|
|
+ <nut-textbox :maxNum="100" v-model="val2"></nut-textbox>
|
|
|
|
|
|
|
|
|
<h4>限制字数不可超出</h4>
|
|
|
@@ -19,14 +19,14 @@
|
|
|
|
|
|
|
|
|
<h4>字数超出报错</h4>
|
|
|
- <nut-textbox :maxNum="10" :txtAreaH="100" @errorFunc="overLength" ></nut-textbox>
|
|
|
+ <nut-textbox :maxNum="10" :txtAreaH="100" @errorFunc="overLength" v-model="val1" ></nut-textbox>
|
|
|
|
|
|
|
|
|
<h4>自定义文本框背景色</h4>
|
|
|
- <nut-textbox :switchMax="true" :maxNum="10" :txtAreaH="100" textBgColor="#feefef"></nut-textbox>
|
|
|
+ <nut-textbox :switchMax="true" :maxNum="10" :txtAreaH="100" textBgColor="#feefef" v-model="val1"></nut-textbox>
|
|
|
|
|
|
<h4>不显示字数限制</h4>
|
|
|
- <nut-textbox :limitShow="false" :maxNum="10" ></nut-textbox>
|
|
|
+ <nut-textbox :limitShow="false" :maxNum="10" v-model="val1" ></nut-textbox>
|
|
|
|
|
|
<h4>输入回调返回文字</h4>
|
|
|
<nut-textbox :maxNum="10" txtAreaH="100" @inputFunc="inputText" ></nut-textbox>
|
|
|
@@ -37,7 +37,9 @@
|
|
|
export default {
|
|
|
data(){
|
|
|
return{
|
|
|
- val: ''
|
|
|
+ val: '',
|
|
|
+ val1:"",
|
|
|
+ val2:"自定义数据"
|
|
|
}
|
|
|
},
|
|
|
methods:{
|