Vue - 设置输入文本的默认值

Jay*_*K23 2 input vue.js

我正在加载一个 Vue 组件,它应该呈现一个基本表单。我试图将输入设置为默认值,但由于某种原因没有显示任何内容。这是我尝试过的:

<template>
    ...
    <input type="text" value="0.02" class="form-control" v-model="amount">
    ...
</template>
Run Code Online (Sandbox Code Playgroud)

为什么输入字段没有显示任何内容?是因为Vue不支持它还是我需要使用其他东西?提前致谢

iiS*_*Sam 6

没有默认值的原因是该值被覆盖

\n
v-model = "amount"\n
Run Code Online (Sandbox Code Playgroud)\n

为了设置默认值,最好amount在返回的 vue 数据对象中设置 的值。\n您将得到如下所示的内容:

\n
data:  () => {\nreturn {\n  amount: 0.02 // Your default value\n }\n}\n
Run Code Online (Sandbox Code Playgroud)\n

\xe2\x80\xa6

\n