鍍金池/ 問(wèn)答/HTML5  HTML/ js中樹(shù)形怎樣動(dòng)態(tài)的添加子節(jié)點(diǎn)?

js中樹(shù)形怎樣動(dòng)態(tài)的添加子節(jié)點(diǎn)?

圖片描述

圖片描述

圖片描述

圖片描述

點(diǎn)擊new Folder 輸入文件名， 它會(huì)自動(dòng)的添加到自己的子目錄，除了My Resources是根目錄，其余都為動(dòng)態(tài)創(chuàng)建，在vue中怎么實(shí)現(xiàn)，或者有什么插件可解決，求大神賜教

回答
編輯回答
離人歸

PC端的話有個(gè)ElementUI可以看看，和Vue是配套的，地址：http://element-cn.eleme.io/2....

2017年1月5日 15:28
編輯回答
心癌

一切用數(shù)據(jù)來(lái)驅(qū)動(dòng),參考文章

2017年7月22日 22:16
編輯回答
雨蝶
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>Document</title>
</head>
<body>
    <div id="app">
        <ul ref="ul">
            <li v-for="item in list">{{item}}</li>
        </ul>
        <button @click="add()">add</button>
    </div>
</body>
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<script>
new Vue({
    el:'#app',
    data() {
        return {
            message:'hello word',
            list:[1,2,3,4,5]
        }
    },
    methods:{
        add(){
            var li=document.createElement("LI");
            li.innerHTML = 'new item';
            this.$refs.ul.appendChild(li);
            console.log(this.list.length);
        }
    }
})
</script>
</html>
2017年11月7日 04:09