Question

我正在构建一个应用页面有一些vms，而有些则没有。当我们从一个页面更改为另一个页面时，会显示以下警告：

[Vue warn]: Cannot find element: #element-id

如果页面上有元素并避免错误，我该如何实例化VM？

注意：我正在使用Rails资产管道，因此，所有的javascript都会连接成一个文件。

Answer 1

没有任何问题只是按原样离开。这只是一个警告，只有在打开调试模式时才会运行，因此无论如何都应该在生产中关闭它。

如果你想摆脱它，只需在启动Vue之前检查元素是否存在 -

if(document.getElementById("element-id")){
  new Vue({...})
}

参考：How to check if element exists in the visible DOM?

Answer 2

这是一个老问题。我发现这个Vue示例很有用

https://vuejs.org/v2/api/#Vue-extend

因此，只有dom元素存在于DOM中时，才能创建Vue类并启动它。

def main():
    # array input of zombie
    zombie_array = list()
    zombie_count = int(input())
    for i in range(int(zombie_count)):
        n = raw_input()
        zombie_array.append(str(n))

    # zombie_array = ["1100" ,"1110", "0110", "0001"]
    # print out the result
    print(zombieCluster(zombie_array))


if __name__ == '__main__':
    main()

如果元素存在，则为实例Vue？

2 个答案: