{"id":171,"date":"2022-06-29T10:30:04","date_gmt":"2022-06-29T02:30:04","guid":{"rendered":"http:\/\/yanzhenhua.top\/?p=171"},"modified":"2022-06-29T10:30:04","modified_gmt":"2022-06-29T02:30:04","slug":"vue-%e7%9a%84-iview-tree%e7%bb%84%e4%bb%b6%e8%ae%be%e7%bd%ae%e9%bb%98%e8%ae%a4%e5%8b%be%e9%80%89","status":"publish","type":"post","link":"http:\/\/yanzhenhua.top\/?p=171","title":{"rendered":"Vue \u7684 iview tree\u7ec4\u4ef6\u8bbe\u7f6e\u9ed8\u8ba4\u52fe\u9009"},"content":{"rendered":"<p class=\"md-end-block md-p\">1.\u516c\u53f8\u90e8\u95e8\u4eba\u5458\u5217\u8868\u4f7f\u7528\u4e86iview tree\u7ec4\u4ef6\uff0c\u5982\u9700\u52a0\u4e0a\u9ed8\u8ba4\u52fe\u9009\u6548\u679c\uff0c\u5c31\u9700\u8981\u518d\u6570\u636e\u4e2d\u589e\u52a0{checked:true}\uff0c \u4ece\u63a5\u53e3\u8bf7\u6c42\u5230\u7684\u6570\u636e\u53ef\u4ee5\u76f4\u63a5\u4f7f\u7528\u4e0d\u62a5\u9519\uff0c\u5c06\u6570\u636e\u5904\u7406\u540e\u589e\u52a0\u9009\u4e2d\u6548\u679c\uff0c\u5c31\u62a5\u9519\u3002\u6700\u540e\u89e3\u51b3\u529e\u6cd5\u662fJSON.parse(JSON.stringify(this.users_list))<\/p>\n<div class=\"code panel pdl conf-macro output-block\" data-hasbody=\"true\" data-macro-name=\"code\">\n<div class=\"codeContent panelContent pdl\">\n<div>\n<div id=\"highlighter_314134\" class=\"syntaxhighlighter sh-confluence nogutter  java\">\n<table border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td class=\"code\">\n<div class=\"container\" title=\"Hint: double-click to select code\">\n<div class=\"line number1 index0 alt2\"><code class=\"java plain\">function toParse(arr,ids=[]){<\/code><\/div>\n<div class=\"line number2 index1 alt1\"><code class=\"java spaces\">\u00a0\u00a0<\/code><code class=\"java plain\">arr.forEach(function (item,index) {<\/code><\/div>\n<div class=\"line number3 index2 alt2\"><code class=\"java spaces\">\u00a0\u00a0\u00a0\u00a0<\/code><code class=\"java plain\">delete item.checked<\/code><\/div>\n<div class=\"line number4 index3 alt1\"><code class=\"java spaces\">\u00a0\u00a0\u00a0\u00a0<\/code><code class=\"java plain\">delete item.indeterminate<\/code><\/div>\n<div class=\"line number5 index4 alt2\"><\/div>\n<div class=\"line number6 index5 alt1\"><code class=\"java spaces\">\u00a0\u00a0\u00a0\u00a0<\/code><code class=\"java keyword\">if<\/code>\u00a0<code class=\"java plain\">(item.children){<\/code><\/div>\n<div class=\"line number7 index6 alt2\"><code class=\"java spaces\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code><code class=\"java plain\">toParse(item.children)<\/code><\/div>\n<div class=\"line number8 index7 alt1\"><code class=\"java spaces\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code><code class=\"java keyword\">if<\/code><code class=\"java plain\">(item.children.length ===\u00a0<\/code><code class=\"java value\">0<\/code><code class=\"java plain\">) {<\/code><\/div>\n<div class=\"line number9 index8 alt2\"><code class=\"java spaces\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code><code class=\"java plain\">arr.splice(index,<\/code><code class=\"java value\">1<\/code><code class=\"java plain\">)<\/code><\/div>\n<div class=\"line number10 index9 alt1\"><code class=\"java spaces\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code><code class=\"java plain\">}<\/code><\/div>\n<div class=\"line number11 index10 alt2\"><code class=\"java spaces\">\u00a0\u00a0\u00a0\u00a0<\/code><code class=\"java plain\">}<\/code><\/div>\n<div class=\"line number12 index11 alt1\"><\/div>\n<div class=\"line number13 index12 alt2\"><code class=\"java spaces\">\u00a0\u00a0\u00a0\u00a0<\/code><code class=\"java keyword\">if<\/code><code class=\"java plain\">(item &amp;&amp; item.id &amp;&amp; ids.indexOf(item.id)&gt;-<\/code><code class=\"java value\">1<\/code><code class=\"java plain\">){<\/code><\/div>\n<div class=\"line number14 index13 alt1\"><code class=\"java spaces\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code><code class=\"java plain\">Object.assign(item,{checked:<\/code><code class=\"java keyword\">true<\/code><code class=\"java plain\">})<\/code><\/div>\n<div class=\"line number15 index14 alt2\"><code class=\"java spaces\">\u00a0\u00a0\u00a0\u00a0<\/code><code class=\"java plain\">}<\/code><\/div>\n<div class=\"line number16 index15 alt1\"><code class=\"java spaces\">\u00a0\u00a0\u00a0\u00a0<\/code><code class=\"java keyword\">if<\/code>\u00a0<code class=\"java plain\">(item &amp;&amp; item.children &amp;&amp; Array.isArray(item.children)) {<\/code><\/div>\n<div class=\"line number17 index16 alt2\"><code class=\"java spaces\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code><code class=\"java plain\">toParse(item.children,ids)<\/code><\/div>\n<div class=\"line number18 index17 alt1\"><code class=\"java spaces\">\u00a0\u00a0\u00a0\u00a0<\/code><code class=\"java plain\">}<\/code><\/div>\n<div class=\"line number19 index18 alt2\"><code class=\"java spaces\">\u00a0\u00a0<\/code><code class=\"java plain\">})<\/code><\/div>\n<div class=\"line number20 index19 alt1\"><code class=\"java spaces\">\u00a0\u00a0<\/code><code class=\"java keyword\">return<\/code>\u00a0<code class=\"java plain\">arr<\/code><\/div>\n<div class=\"line number21 index20 alt2\"><code class=\"java plain\">}<\/code><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>1.\u516c\u53f8\u90e8\u95e8\u4eba\u5458\u5217\u8868\u4f7f\u7528\u4e86iview tree\u7ec4\u4ef6\uff0c\u5982\u9700\u52a0\u4e0a\u9ed8\u8ba4\u52fe\u9009\u6548\u679c\uff0c\u5c31\u9700\u8981\u518d\u6570\u636e\u4e2d\u589e\u52a0{che&hellip; <a href=\"http:\/\/yanzhenhua.top\/?p=171\" class=\"more-link read-more\" rel=\"bookmark\">\u7ee7\u7eed\u9605\u8bfb <span class=\"screen-reader-text\">Vue \u7684 iview tree\u7ec4\u4ef6\u8bbe\u7f6e\u9ed8\u8ba4\u52fe\u9009<\/span><i class=\"fa fa-arrow-right\"><\/i><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":{"0":"post-171","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"hentry","6":"category-vue","7":"h-entry","9":"h-as-article"},"_links":{"self":[{"href":"http:\/\/yanzhenhua.top\/index.php?rest_route=\/wp\/v2\/posts\/171","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/yanzhenhua.top\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/yanzhenhua.top\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/yanzhenhua.top\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/yanzhenhua.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=171"}],"version-history":[{"count":1,"href":"http:\/\/yanzhenhua.top\/index.php?rest_route=\/wp\/v2\/posts\/171\/revisions"}],"predecessor-version":[{"id":172,"href":"http:\/\/yanzhenhua.top\/index.php?rest_route=\/wp\/v2\/posts\/171\/revisions\/172"}],"wp:attachment":[{"href":"http:\/\/yanzhenhua.top\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=171"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/yanzhenhua.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=171"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/yanzhenhua.top\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=171"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}