接着上篇《Vue和semantic ui之选择列表(select)控件赋值问题(一)》,废话不多说,前因后果可以看《Vue和semantic ui之选择列表(select)控件赋值问题(一)》(请移步https://www.jianshu.com/p/b86737957815)。
原来解决办法:修改后html代码
<select class="ui search dropdown" v-model="user_group_select">
<option v-for="user_group in user_group_list" v-if="single_user.user_group_id==user_group.user_group_id" :value="user_group.user_group_id" v-text="user_group.user_group_name" selected></option>
<option v-for="user_group in user_group_list" v-if="single_user.user_group_id!=user_group.user_group_id" :value="user_group.user_group_id" v-text="user_group.user_group_name"></option>
</select>
这次解决办法:修改后html代码和js代码
html:这个代码看上去比上面正常多了,上面的代码实在是我的骚操作
<select class="ui search dropdown" v-model="user_group_select">
<option v-for="user_group in user_group_list" :value="user_group.user_group_id" v-text="user_group.user_group_name"></option>
</select>
js:可以在改变user_group_select值的地方写上下面的代码,就可以改变选择列表(select)的显示了。
set value和set text同时使用,不然可能会显示不出来。
$('.ui.search.dropdown').dropdown('set value', user_group_select)
$('.ui.search.dropdown').dropdown('set text', user_group_name)