Question

我使用museUI作为选择输入。当我尝试将下拉菜单中的第一项作为默认值时，我无法使其正常工作。如何预先选择填充v-for的数组上的第一项：

这就是我的模板的样子：

GMSPlacesClient

我的剧本：

  <mu-select-field v-model="selectModel">
    <mu-menu-item v-for="text,index in dropdown"  :key="index" :value="index" :title="text"/>
  </mu-select-field>

Answer 1

在这里找到解决方案：http://www.muse-ui.org/#/selectField

只需将selected选择为0并删除populateDates方法中的assign，如：

  export default Vue.component('st-filter', {
    data () {
      return {
        selectModel: 0, //<=== Assign = 0
        dropdown : [],
      }
    },
    methods: {
      populateDates: function () {
        let date7daysAgo, date1monthAgo...
        this.dropdown = [`Last week (${date7daysAgo} - ${dateToday})`, `Last month (${date7daysAgo} - ${date1monthAgo})` ];
        // ERASE this: ====> this.selectModel = this.dropdown[0];

      }
    },

Vue.js在select字段中预选第一个元素？

1 个答案: