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