文本输入占位符返回不应该的内容

【问题标题】：Text input placeholder returning something it is not supposed to文本输入占位符返回不应该的内容
【发布时间】：2021-07-13 21:23:41
【问题描述】：

我不知道它为什么这样做。以前没做过

<template>
  <input type="text" v-model="query" placeholder="something"/>
</template>

<script lang="ts">
import { defineComponent } from "vue";
export default defineComponent({
  data() {
    return {
      query: String,
    };
  },
});
</script>

网站加载时输入看起来像这样

有什么想法吗？

【问题讨论】：

尝试正确关闭脚本标签</script> 而不是<script/>。如果不是这样，请提供一个 minimal reproducible example 来证明问题

标签： javascript html typescript vue.js

【解决方案1】：

一种解决方案。改变了

query: String

到

query: ""

【讨论】：

【解决方案2】：

String 是 JavaScript 中的对象构造函数。

Vue数据对象需要返回一个对象。
每个键都应该初始化一个值或undefined/null
推断反应式 Vue 数据类型。请参阅 this 了解 Vue 中的类型。

将值初始化为空字符串，如下所示：

{
    query: ""
}

或undefined 这样的

{
    query: undefined
}

【讨论】：