Question

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

<template>
    ...
    <input type="text" value="0.02" class="form-control" v-model="amount">
    ...
</template>

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

Answer 1

你没有默认值的原因是这个值被覆盖了

v-model = "amount"

为了设置默认值，最好在返回的vue数据对象中设置amount的值。你会有类似的东西：

data:  () => {
return {
  amount: 0.02 // Your default value
 }
}

…

Answer 2

data 中的默认值设置如下：

new Vue({
  el:"#app",
  data() { return { amount: "0.02" } }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>

<div id="app">
  <input type="text" class="form-control" v-model="amount">
</div>

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

2 个答案: