Fri May 26 03:54:00 UTC 2023 inscode

index.html

@@ -12,3 +12,32 @@
     </video>
 </body>
 </html>
+<template>
+  <div>
+    <input type="text" v-model="textInput" @input="updateInput">
+    <span>{{ textHint }}</span>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      textInput: '',
+      textHint: ''
+    }
+  },
+  methods: {
+    updateInput(event) {
+      // 更新文本框的值
+      this.textInput = event.target.value
+      // 根据文本框的值更新提示信息
+      this.updateHint()
+    },
+    updateHint() {
+      // 根据文本框的值计算提示信息
+      this.textHint = '您输入了 ' + this.textInput.length + ' 个字符'
+    }
+  }
+}
+</script>