Question

嗨，我需要设置输入的默认值。该怎么做？

我试图输入：value =“ amount”，但它不起作用。当我只使用文本而不输入内容时，我似乎看不到可变数量。

<template>
    <div>
        <slot name="mass-buttons"></slot>
        <b-table
                striped hover :busy="isBusy" :fields="fields" :items="items" :show-empty="true"
                :empty-text="'Nebyly nalezeny žádné záznamy'"
        >

            <template slot="unit_price">
                <div class="form-group">
                    <b-form-input type="text" class="form-control w-100" size="sm" >
                    </b-form-input>
                </div>
            </template>

        </b-table>
    </div>
</template>

<script>
    export default {
        name: "CustomItemGrid",
        props: {
            isBusy: {
                type: Boolean,
                required: true
            },
            fields: {
                type: Array,
                required: true
            },
            items: {
                type: Array,
                required: true
            },
            test: "Hello"
        }
    }
</script>

我正在从另一个组件发送这个组件给

：

  gridItemsFields: [
                    {key: 'name', label: 'Název'},
                    {key: 'unit_price', label: 'Cena za jednotku bez DPH'},
                    {key: 'amount', label: 'Množství',formatter:'test'},
                    {key: 'total_price', label: 'Cena celkem bez DPH'},
                    {key: 'actions', label: ''}
                ],

编辑：我在模板中添加了属性slot-scope = data，现在我可以通过data.amount看到数量，但仍然不能通过：value或v-model将其用作默认值。

Answer 1

这解决了我的问题：

<template slot="amount" slot-scope="data">
    <div class="form-group">
        <b-form-input type="text" class="form-control w-100" size="sm" v-model="data.item.amount">
        </b-form-input>
     </div>
</template>

如何在b-form-input中显示默认值？在Vue

1 个答案: