el-input的里面的clearable失效

• el-input的里面的clearable失效了，我使用@clear将v-model绑定的变量值设置为空了，但是输入框里面还是保留着原来的值，请问这个要怎么办呢。

          <el-form-item label="Customer Name:" style="margin-bottom:10px">
            <el-input autocomplete="off" v-model="reportForm.userName" clearable size="small" placeholder="Customer Name" style="width:90%;" @clear="clearReportName" ref="name" @focus="getKeyId($event)" />
          </el-form-item>

data里面写userName了吗

reportForm 这个对象里面要有初始值 userName，不然Vue2的defineProperty 无法监听到变化