技術標籤：Vuevue

先放效果圖:

vue程式碼如下:

 <el-form-item label="活動標題" class="flex-100"  prop="title">
    <el-input v-model="dataInfo.title" class="cms-width" type='required' maxlength="150" @input="descInput"></el-input>
    <
 
span class="gray"> 字數限制:{{enter}}/150</span>
  </el-form-item>

data() {
        return {
            enter:0,
        };
    },

methods: {
	descInput() {
      var txtVal = this.dataInfo.title.length;
      this.enter = txtVal;
    },
}