在 Uniapp 的 textarea 組件中,可以通過 v-model 綁定數據,并設置默認值。
下面是一個例子:
<template><textarea v-model="text"></textarea>
</template>
<script>
export default {
data() {
return {
text: '默認值',
};
},
};
</script>
在上述例子中,我們通過 v-model 將 textarea 和 data 中的 text 變量進行雙向綁定。初始時,text 變量的值為 '默認值',因此 textarea 中會顯示該默認值。
你也可以根據具體的需求,在 mounted 鉤子函數中從后端獲取默認值,然后將其賦給 data 中的變量。
<template><textarea v-model="text"></textarea>
</template>
<script>
export default {
data() {
return {
text: '',
};
},
mounted() {
// 從后端獲取默認值
this.fetchDefaultValue();
},
methods: {
fetchDefaultValue() {
// 執行異步操作,例如發送請求獲取默認值
// 然后將默認值賦給 this.text
this.text = '從后端獲取的默認值';
},
},
};
</script>
在上述示例中,我們通過 mounted 鉤子函數調用 fetchDefaultValue 方法來獲取后端返回的默認值,并將其賦給 text 變量。這樣,textarea 將顯示來自后端的默認值。