vuejs 下拉列表怎样默认选中

vuejs 下拉列表怎样默认选中

---

我明白你的意思，就是进入的时候有个类似: "请选择" 的选项是吗？
我的做法是建一个存储选项的对象，给予对象默认值 ："请选择"
然后在select里面给予一个option selected text是 请选择 ，比较绕，不过这样可以。截一段项目代码给你看看。

//js
var infoData = {
    prizeCount:'选择奖项'
}
//html
<select class="form-control" v-model="prizeCount" v-on:change="getmanresult">
    <option selected>选择奖项</option>
    <option v-for="item in lotteryData.wxAwards" :value="item.prizeMan+'@'+item.id" v-text="item.awardsName"></option>
</select>

---

<select class="form-control" name="method" data-itemid="{{ $index }}">
    <template v-for="option in methodOptions">
        <option :value="option" v-if="option == api.method" selected>
            {{ option }}
        </option>
        <option :value="option" v-else>
            {{ option }}
        </option>
    </template>
</select>

暂时没找到其他的办法

---

<select  v-model="select">
           <option v-for="item of list" v-if="item.id == 1" selected  v-bind:value="item.id">{{ item.name }}</option>
           <option v-for="item of list" v-if="item.id != 1"  v-bind:value="item.id">{{ item.name }}</option>
</select>

---

你可以为select添加一个model进行数据绑定,在vue data里指定这个值就可以了。
演示:https://jsfiddle.net/rainwsy/ntdd9g2a/2/

文档:http://cn.vuejs.org/guide/forms.html