Browse Source

fix:修复textbox双向绑定

guoxiaoxiao8 5 years ago
parent
commit
4595045fb7
2 changed files with 11 additions and 5 deletions
  1. 10 3
      src/packages/textbox/demo.vue
  2. 1 2
      src/packages/textbox/textbox.vue

+ 10 - 3
src/packages/textbox/demo.vue

@@ -1,10 +1,10 @@
 <template>
     <div class="textbox-demo">
         <!-- <h4>示例</h4> -->
-        <h4>默认用法</h4>
+        <h4>默认用法 支持异步回显数据</h4>
          <nut-textbox v-model="val"></nut-textbox>
         <h4>自定义高度:100px</h4>
-        <nut-textbox :txtAreaH="100" :maxNum="300"></nut-textbox>
+        <nut-textbox :txtAreaH="100" :maxNum="300" :value="val"></nut-textbox>
 
         <h4>自定义提示语</h4>
         <nut-textbox :placeText="'请填写详细情况请填写详细情况'"></nut-textbox>
@@ -47,6 +47,13 @@ export default {
         inputText(val){
            alert(val);
         }
-    }
+    },
+    mounted(){
+        var that=this;
+        this.val="初始测试数据"
+        setTimeout(function(){
+            that.val="异步测试数据123";
+        },1000)
+        }
 }
 </script>

+ 1 - 2
src/packages/textbox/textbox.vue

@@ -1,7 +1,7 @@
 <template>
     <div class="nut-textbox">
         <div class="txt-area" :class="{'error':errorState,'num-none':limitShow == false}" :style="{background:textBgColor}">
-            <textarea :placeholder="placeText" :style="{height:txtAreaHeight+'px'}" v-model="text" @input="txtIptLength" :switchMax="switchMax" :maxlength="iptMaxlength"></textarea>
+            <textarea :placeholder="placeText" :style="{height:txtAreaHeight+'px'}" v-model="value" @input="txtIptLength" :switchMax="switchMax" :maxlength="iptMaxlength"></textarea>
             <span v-show="limitShow">{{txtNum}}/{{maxNum}}</span>
         </div>
     </div>
@@ -38,7 +38,6 @@ export default {
             type:Boolean,
             default:true,
         }
-       
     },
     data() {
         return {