在 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 将显示来自后端的默认值。