在询问之前,我想说我没有经验,仍然在学习。
我需要嵌套可拖动树,并为vuejs找到了这个he-he-tree,它可以完美满足我的需求:https ://he-tree-vue.phphe.com/
我有一个Python / Flask API,它将提供数据以在vue中提供树。
问题在于,he-he-tree与js数组一起使用,如下所示:
treeData: [{text: 'node 1'}, {text: 'node 2', children: [{text: 'node 2-1'}]}, {text: 'node 3'}, {text: 'node 4'}, {text: 'node 5'}, {text: 'node 6'}]
但是Python不允许字典具有重复的键。
差不多,这就是我试图在Flask中发布数据的方式:
def rawdata():
data = {
"text": "node1",
"text": "node2",
"text": "node3",
}
return make_response(jsonify(data), 200)
尽管由于python词典不允许重复的键,所以它仅抛出最后一个。
我发现了一些类似问题的讨论,例如:用Python创建带有重复键的字典
虽然这对我来说并没有帮助...
有什么解决方法对我有帮助吗?
谢谢!
解决
python_user评论了这个问题,然后删除了他的评论,尽管这解决了我的问题。我还是新手。他建议在JS代码中我有字典列表,而在python中我有一个简单的字典,这几乎就是问题所在。像这样转换我的代码:
def rawdata():
data = [
{"text" : "node1"},
{"text" : "node2"},
{"text" : "node3"}
]
return make_response(jsonify(data), 200)
可以正常工作。
谢谢!
您可以这样创建结构:
data = [
{"text": "node1"},
{"text": "node1"},
{"text": "node1"}
]
您的JavaScript不需要重复的键,而是遵循相同键结构的独立对象。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句