0

我制作了一个基本上是引导模式的组件。在我想使用 selectize 的模式中(我也尝试过 bootstrap select)。问题是,如果选择有一些静态值,它可以工作,而如果我用动态数据填充它,它会失败:Uncaught TypeError: Cannot read property 'appendChild' of null

这是html:

<div class="form-group">
    <label for="newContactModalType">Type*</label>
    <select id="newContactModalType" name="type_id">
        <option v-for="type in clientTypes" value="{{ type.id }}">{{ type.name }}</option>
    </select>
</div>

和组件:

  export default {
    vuex: {
      getters: {
        clientTypes: state => state.clientTypes.list
      }
    },

    events: {
      'showNewContactModal': () => {
        $('#newContactModal').modal()
      }
    },

    ready() {
      $('#newContactModalType').selectize()
    }
  }

我正在使用 vuex 来获取 clientTypes 列表。我意识到这是出了问题的地方,因为如果我在组件的 data 属性中定义 clientTypes ,它就会起作用。我也不确定我应该在哪里打电话.selectize()。我能想到的最好的方法是 ready() 方法。

提前致谢!

4

0 回答 0