JavaScript: vue 中 select 标签 下拉列表设置默认值
JSON数据
{ "code":"0", "errmsg":"OK", "province_list":[ { "id":110000, "name":"北京市" }, { "id":120000, "name":"天津市" }, { "id":130000, "name":"河北省" }, ...... ] }
Html
<select v-model="form_address.province_id"> <option v-for="province in provinces" v-bind:value="province.id">[[ province.name ]]</option> </select>
Vue
let vm = new Vue( { el: '#app', delimiters: ['[[', ']]'], data: { form_address: { province_id: '', }, provinces: [], }, methods: { get_areas: function (area) { let url = ''; axios.get( url, {responseType: 'json'} ).then( response => { this.provinces = response.data.province_list; // select下拉框设定默认值 this.form_address.province_id=this.provinces[0].id; } ).catch( error => { console.log(error.response); } ) }, }, } )