Vue和semantic ui之選擇列表(select)控件賦值問題(二)

接著上篇《Vue和semantic ui之選擇列表(select)控件賦值問題(一)》,廢話不多說,前因后果可以看《Vue和semantic ui之選擇列表(select)控件賦值問題(一)》(請移步http://www.lxweimin.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)
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 前端開發面試題 <a name='preface'>前言</a> 只看問題點這里 看全部問題和答案點這里 本文由我...
    自you是敏感詞閱讀 784評論 0 3
  • 前端開發面試題 面試題目: 根據你的等級和職位的變化,入門級到專家級,廣度和深度都會有所增加。 題目類型: 理論知...
    怡寶丶閱讀 2,606評論 0 7
  • 新鮮的Semantic-UI 優秀的前端界面框架,語義化的標簽更容易理解與記憶,不過相比于bootstap,組件還...
    風穆雷閱讀 11,816評論 0 3
  • 前端經典面試題: 1、(前端面試題)https://zhuanlan.zhihu.com/p/84212558?f...
    who_are_you_閱讀 371評論 0 2
  • vue 學習 CDN 一. Vue 實例 1.1 創建一個 Vue 實例 每一個Vue應用都是通過Vue函數創建一...
    堅持日更的路上閱讀 266評論 0 0