uniapp 清空textarea的值
时间: 2024-11-20 18:37:37 浏览: 7
jquery清空textarea等输入框实现代码
在 UniApp 开发环境中,如果想要清空 UI 中的 textarea 元素的值,你可以使用 Vue 的 `$refs` 特性来获取到该元素,并调用其 `value` 属性的 setter 方法设置为空字符串。这里是一个示例:
```javascript
<template>
<view>
<textarea ref="myTextarea" placeholder="请输入内容"></textarea>
<button @click="clearInput">清空</button>
</view>
</template>
<script>
export default {
methods: {
clearInput() {
this.$refs.myTextarea.value = '';
},
},
};
</script>
```
在这个例子中,当用户点击“清空”按钮时,`clearInput`方法会被调用,它会通过`$refs`找到名为`myTextarea`的 textarea 元素,并将其值设为空字符串,从而达到清空的效果。
阅读全文