~~~ <template> <div class="content"> <el-input type="textarea" :rows="10" :placeholder="plc" @input="handleChange" v-model="text" ></el-input> </div> </template> <script> export default{ props:['plc','value'], model:{ prop:'value', // 父組件v-model綁定的值傳遞給props中的value event:'parentChange' // 通過emit觸發parentChange將內部值傳遞給父組件v-model綁定的值 }, data() { return { text:this.value } }, <!-- watch必須要有，不然的話無法更改數據 --> watch:{ value:{ handler(newValue , oldValue){ this.text = newValue } } }, methods:{ handleChange(){ // 通過$emit觸發parentChange（model內定義）事件，將內部值傳遞給給父組件 this.$emit("parentChange" , this.text); } } } </script> <!-- 父組件使用方式 <TextArea v-model="old_text" plc="??????? ???????? ?????? ???????? ????????"></TextArea> --> <style scoped> .content .el-textarea{ font-size: 16px; } </style> ~~~