input-component

package-lock.json

@@ -1290,13 +1290,8 @@
     },
     "@types/parse-json": {
       "version": "4.0.0",
-<<<<<<< HEAD
       "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.0.tgz",
       "integrity": "sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==",
-=======
-      "resolved": "https://registry.nlark.com/@types/parse-json/download/@types/parse-json-4.0.0.tgz",
-      "integrity": "sha1-L4u0QUNNFjs1+4/9zNcTiSf/uMA=",
->>>>>>> 48f6b4acfa3de81f6dca141eacf6433300d8a133
       "dev": true
     },
     "@types/q": {
@@ -2450,12 +2445,7 @@
       "version": "4.5.13",
       "resolved": "https://registry.nlark.com/@vue/cli-plugin-vuex/download/@vue/cli-plugin-vuex-4.5.13.tgz",
       "integrity": "sha1-mGRti8HmnPbGpsui/tPqzgNWw2A=",
-<<<<<<< HEAD
       "dev": true
-=======
-      "dev": true,
-      "requires": {}
->>>>>>> 48f6b4acfa3de81f6dca141eacf6433300d8a133
     },
     "@vue/cli-service": {
       "version": "3.12.1",
@@ -2761,12 +2751,7 @@
       "version": "1.1.2",
       "resolved": "https://registry.nlark.com/@vue/preload-webpack-plugin/download/@vue/preload-webpack-plugin-1.1.2.tgz",
       "integrity": "sha1-zrkktOyzucQ4ccekKaAvhCPmIas=",
-<<<<<<< HEAD
       "dev": true
-=======
-      "dev": true,
-      "requires": {}
->>>>>>> 48f6b4acfa3de81f6dca141eacf6433300d8a133
     },
     "@vue/web-component-wrapper": {
       "version": "1.3.0",
@@ -2981,12 +2966,7 @@
       "version": "5.3.1",
       "resolved": "https://registry.nlark.com/acorn-jsx/download/acorn-jsx-5.3.1.tgz",
       "integrity": "sha1-/IZh4Rt6wVOcR9v+oucrOvNNJns=",
-<<<<<<< HEAD
       "dev": true
-=======
-      "dev": true,
-      "requires": {}
->>>>>>> 48f6b4acfa3de81f6dca141eacf6433300d8a133
     },
     "acorn-node": {
       "version": "1.8.2",
@@ -3035,23 +3015,13 @@
       "version": "1.0.1",
       "resolved": "https://registry.nlark.com/ajv-errors/download/ajv-errors-1.0.1.tgz",
       "integrity": "sha1-81mGrOuRr63sQQL72FAUlQzvpk0=",
-<<<<<<< HEAD
       "dev": true
-=======
-      "dev": true,
-      "requires": {}
->>>>>>> 48f6b4acfa3de81f6dca141eacf6433300d8a133
     },
     "ajv-keywords": {
       "version": "3.5.2",
       "resolved": "https://registry.nlark.com/ajv-keywords/download/ajv-keywords-3.5.2.tgz",
       "integrity": "sha1-MfKdpatuANHC0yms97WSlhTVAU0=",
-<<<<<<< HEAD
       "dev": true
-=======
-      "dev": true,
-      "requires": {}
->>>>>>> 48f6b4acfa3de81f6dca141eacf6433300d8a133
     },
     "alphanum-sort": {
       "version": "1.0.2",

src/components/Team/Input.vue

 <template>
-    <div class="wrapper w-80 bg-white rounded-md px-4">
+    <div class="wrapper w-80 bg-white rounded-md px-4 ">
         <div class="title text-mygray h-7 border-b border-line text-sm relative p-0">
             <span class="leading-7">企业/组织/团队名称</span>
-            <span class=" absolute right-0 leading-7">{{size}}/{{limitation}}</span>
+            <span class=" absolute right-0 leading-7">{{getSize}}/{{limitation}}</span>
         </div>
         <div class="content h-12 text-base flex content-center">
             <input class="text-darkgray placeholder-mygray border-0" v-model="text" type="text" :placeholder="hint">
@@ -17,29 +17,30 @@ import Vue from 'vue';
 export default Vue.extend({
   name: 'Input',
   props:{
-      text:{
-          type:String,
-          default:''
-      },
       hint:{
           type:String,
           default:''
       },
-      size:{
-          type:Number,
-          default:0
-      },
       limitation:{
           type:Number,
           default:20
       } 
   },
+  data(){
+      return{
+          text:''
+      }
+  },
   methods:{
   },
+  computed:{
+      getSize():number{
+          return this.text.length
+      },   
+  },
   watch:{
-      text(){
-          this.size = this.text.length 
-          if(this.size>=this.limitation){
+      text():void{
+          if(this.getSize >= this.limitation){
             this.text = this.text.substring(0,this.limitation)          
           }         
       }