vue3+ElInput無法輸入的問題
開篇
寫業務的時候發現，因為想偷懶嘛，直接就在想在外部去定義一個變量，然后寫個彈窗里（tsx）的el-input，而不是又去寫個vue頁面，但發現就輸入不了了，而且跟著文檔寫textarea沒有字數統計。就兩個問題嘛
1.el-input無法輸入
TSX的寫法嘛，最開始我是這么寫的
const auditText = ref('');// 忽略代碼<ElInputmodel-value={auditText.value}autosize={{ minRows: 5, maxRows: 10 }}max-length={50}placeholder="請填寫審核不通過原因（最少五個字）"show-word-limittype="textarea"/>?然后發現真是一點反應沒有啊，然后看了下文檔上面的這句話
const auditText = ref<string>('');
function test(value) {console.log(value);auditText.value = value;
}
//忽略代碼
<ElInputmodel-value={auditText.value}onInput={test}autosize={{ minRows: 5, maxRows: 10 }}max-length={50}placeholder="請填寫審核不通過原因（最少五個字）"show-word-limittype="textarea"
/>
?
但是那其實也不用這么麻煩人文檔里也寫得很清楚了v-model就行
<ElInputv-model={auditText.value}autosize={{ minRows: 5, maxRows: 10 }}max-length={50}placeholder="請填寫審核不通過原因（最少五個字）"show-word-limittype="textarea"
/>
?2.字數統計不見了
先看看官網的寫法，定義個maxlength再定義個show-word-limit就有字數統計了
可是如果我在tsx里按官網這么寫會發生什么那
果然嗎,不是props的屬性就不用寫了,原生事件是直接綁定在attrs上給input標簽的，所以寫在tsx里會報錯，寫在模版里不會。暫時就忽略這一行檢查把~~~。
總結
平時會記錄一些簡單但好玩的問題，水一篇vue，每天一篇vue一篇react。
關于我的一些介紹
)
