Javascript 创建动态元素buy Vue.js后，List.js不起作用

在采取了我所能采取的一切行动之后，我无法解决这个问题

我有一个必须从api中提取的项目列表，但当我在获得响应后追加元素时，但list.js不起作用，它不会从元素中搜索任何东西。
在

中，包含带有连接词的单词，如

名称+''+标题+''+编号

它显示出错误

未捕获的TypeError:无法读取未定义的属性“childNodes”

这里是Html

<input type="text" id="filter_search">
<div id="items">
    <ul class="list list-unstyled">
        <!-- this dynamically created -->
        <li>
            <div class="search-word" hidden></div>
        </li>
        ...
        <li>
            <div class="search-word" hidden></div>
        </li>
        <!-- /this dynamically created -->
    </ul>
</div>

...

脚本

<script>
    /*========== List Js is Scrtip here ==========*/
    var options = {
        valueNames: ['search-word']
    };

    var items = new List("items", options);

    $(document).on('keypress keyup keydown', "#filter_search", function(){
        items.search($(this).val());
    });


    /*========== Vue Js is Scrtip here ==========*/
    var itemVue = new Vue({
        el: "#items",
        data: { 
            items: []
        },
        created() {
        this.postItems()
      },
        methods:{
            postItems : function() {
                thisData = this
                axios.post('http://...', {
                    _token: token,
                  })
                  .then(function (response) {
                    thisData.items = response.data
                  })
                  .catch(function (error) {
                    thisData.error = error
                  })
            }
        }
    });

</script>

/*============列表Js在这里是Scrtip==========*/
变量选项={
ValueName:['search-word']
};
var项目=新列表（“项目”，选项）；
$（文档）.on（'keypress keypup keypdown'，“#filter_search”，function（））{
items.search（$（this.val（））；
});
/*==========Vue Js在这里是Scrtip==========*/
var itemVue=新的Vue({
el:“项目”，
数据：{
项目：[]
},
创建（）{
this.positems（）
},
方法：{
positems:function（）{
thisData=this
轴心柱http://...', {
_令牌：令牌，
})
.然后（功能（响应）{
thisData.items=response.data
})
.catch（函数（错误）{
thisData.error=错误
})
}
}
});

请帮忙

---

提前感谢

您可以使用vue global nextick

Vue.nextTick(function () {
    let list = new List(id, options)
  })

---

我真的不知道你为什么要拉外部库，而这件事只能用VueJS很容易做到。@BelminBedak感谢你的回复，我可以告诉你如何用vue jscheck来完成。这个答案-你在找这样的东西吗？是的，但它只用一个字段搜索，用多个元素搜索怎么样解决方案它只搜索类型，如果它必须搜索名称和类型，请查看