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