u-input uview 清空

在 uview 中，你可以通过以下代码来清空 u-input 组件的内容：

<u-input v-model="inputValue"></u-input>
<button @click="inputValue = ''">清空</button>

其中，`v-model` 绑定了一个名为 `inputValue` 的变量，通过给这个变量赋空值，可以清空 u-input 组件中的内容。在上面的例子中，点击按钮即可触发清空操作。

相关问题

uview的u-code-inputAPP端输入完后清空

要在uview的u-code-input组件中实现在APP端输入完后清空，可以通过监听input事件，当输入完成后在事件回调函数中将输入框的值设置为空即可。示例代码如下：

<template>
  <u-code-input v-model="code" @input="onInput"></u-code-input>
</template>

<script>
export default {
  data() {
    return {
      code: ''
    }
  },
  methods: {
    onInput(value) {
      // 判断输入是否完成
      if (value.length === 6) {
        // 清空输入框
        this.code = ''
      }
    }
  }
}
</script>

在上面的代码中，我们监听了u-code-input组件的input事件，并判断输入是否完成。当输入完成时，将输入框的值设置为空，即可实现在APP端输入完后清空的效果。

uview2的u-code-inputAPP端输入完后清空

对于uview2的u-code-input组件，如果想要在APP端输入完后清空输入框，可以通过调用组件的`clearInput()`方法来实现。具体方法如下：

1. 在模板中给`u-code-input`组件绑定一个`ref`属性，例如：`<u-code-input ref="codeInput"></u-code-input>`

2. 在需要清空输入框的时候，通过`this.$refs.codeInput.clearInput()`来调用组件的`clearInput()`方法。

这样就可以实现在APP端输入完内容后自动清空输入框的功能了。