php - 请问Vue中option选项中默认比如请选择之类的如何设置?

问题描述

问 题

                               <div class="col-md-8">
                                    <select class="form-control" v-model="branch.id" @click="showBranches(branch.id)" >
                                        <option v-for="branch in branches" :value="branch.id">{{branch.branch_id}}</option>
                                    </select>
                                </div>

解决方案

<templat>
<select class="form-control" v-model="select" @click="showBranches(branch.id)" >
                <option value="">请选择</option>
                <option v-for="branch in option" :value="branch.value">{{branch.label}}</option>
            </select>
            </template>
        <script>
           export default {
            data() {
                return {
                    select: '',
                    option: [
                    {
                        value: 1,
                        label: 1
                    },
                    {
                        value: 2,
                        label: 2
                    },
                    {
                        value: 3,
                        label: 3
                    }
                ]
            }
        }
    } 
        </script>

请告诉我哪里不行 ?

这篇关于php - 请问Vue中option选项中默认比如请选择之类的如何设置?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！