'法人添加textarea'

src/pages/userBindNew/org/bankInfo.vue

@@ -2,7 +2,7 @@
  * @Description: In User Settings Edit
  * @Author: your name
  * @Date: 2019-09-24 21:29:35
- * @LastEditTime: 2019-12-18 14:25:13
+ * @LastEditTime: 2019-12-18 15:00:37
  * @LastEditors: Please set LastEditors
  -->
 <template>

src/pages/userBindNew/org/enclosure.vue

@@ -2,7 +2,7 @@
  * @Description: 附件信息
  * @Author: your name
  * @Date: 2019-09-20 09:35:11
- * @LastEditTime: 2019-12-18 11:13:47
+ * @LastEditTime: 2019-12-18 14:36:26
  * @LastEditors: Please set LastEditors
  -->
 <template>
@@ -169,63 +169,54 @@
               </item>
               <item>
                 <div slot="name">坐落</div>
-                <input
-                  slot="content"
-                  v-model="propertyInfo.house_located"
+                <textarea
+                  slot="content" v-model="propertyInfo.house_located" cols="25" rows="2"
+                  contenteditable="true"
                   placeholder="识别不动产权证自动填充"
-                >
+                  @input="addRow" />
               </item>
               <item>
                 <div slot="name">不动产单元号</div>
-                <input
-                  slot="content"
-                  v-model="propertyInfo.real_unit_number"
+                <textarea
+                  slot="content" v-model="propertyInfo.real_unit_number" cols="25" rows="2"
                   placeholder="识别不动产权证自动填充"
-                >
+                  @input="addRow"/>
               </item>
               <item>
                 <div slot="name">权利类型</div>
-                <input
-                  slot="content"
-                  v-model="propertyInfo.right_type"
-                  placeholder="识别不动产权证自动填充"
-                >
+                <textarea
+                  slot="content" v-model="propertyInfo.right_type" cols="25" rows="2"
+                  placeholder="识别不动产权证自动填充" @input="addRow"/>
               </item>
               <item>
                 <div slot="name">权利性质</div>
-                <input
-                  slot="content"
-                  v-model="propertyInfo.right_property"
-                  placeholder="识别不动产权证自动填充"
-                >
+                <textarea
+                  slot="content" v-model="propertyInfo.right_property" cols="25" rows="2"
+                  placeholder="识别不动产权证自动填充" @input="addRow"/>
               </item>
               <item>
                 <div slot="name">用途</div>
-                <input
-                  slot="content"
-                  v-model="propertyInfo.house_purpose"
-                  placeholder="识别不动产权证自动填充"
-                >
+                <textarea
+                  slot="content" v-model="propertyInfo.house_purpose" cols="25" rows="2"
+                  placeholder="识别不动产权证自动填充" @input="addRow"/>
               </item>
               <item>
                 <div slot="name">面积</div>
-                <input
-                  slot="content"
-                  v-model="propertyInfo.house_area"
-                  placeholder="识别不动产权证自动填充"
-                >
+                <textarea
+                  slot="content" v-model="propertyInfo.house_area" cols="25" rows="2"
+                  placeholder="识别不动产权证自动填充" @input="addRow"/>
               </item>
               <item>
                 <div slot="name">使用期限</div>
-                <input
-                  slot="content"
-                  v-model="propertyInfo.land_use_limit"
-                  placeholder="识别不动产权证自动填充"
-                >
+                <textarea
+                  slot="content" v-model="propertyInfo.land_use_limit" cols="25" rows="2"
+                  placeholder="识别不动产权证自动填充" @input="addRow"/>
               </item>
               <item>
                 <div slot="name">权利其他状况</div>
-                <input slot="content" v-model="propertyInfo.right_others" placeholder="识别不动产权证自动填充" >
+                <textarea
+                  slot="content" v-model="propertyInfo.right_others" cols="25" rows="2"
+                  placeholder="识别不动产权证自动填充" @input="addRow"/>
               </item>
             </list-item>
           </div>
@@ -436,7 +427,22 @@ export default {
     })
   },
   created () {},
+  updated () {
+    let myArea = document.querySelectorAll('textarea')
+    myArea.forEach(i => {
+      let num = Math.round((i.scrollHeight - 42) / 20)
+      if (num > 0) {
+        i.rows = num + 2
+      }
+    })
+  },
   methods: {
+    addRow (el) {
+      let num = Math.round((el.target.scrollHeight - 42) / 20)
+      if (num > 0) {
+        el.target.rows = num + 2
+      }
+    },
     // 房产证信息查询
     houseQuery () {
       let vm = this