js中树形怎样动态的添加子节点?

图片描述

点击new Folder 输入文件名，它会自动的添加到自己的子目录，除了My Resources是根目录，其余都为动态创建，在vue中怎么实现，或者有什么插件可解决，求大神赐教

阅读 4.2k

<!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>

js中树形怎样动态的添加子节点?

遇到一道设计模式的面试题，各位大佬看下如何解决,题目要求是优化这段业务代码？

不同页面之间可以通过localstorage保存响应式吗？

扁平化数组转换成树形?

省市区街道数据在哪里可以下载？

Vue项目一个报错无法找到原因?

如何在JavaScript中从外部中断for循环的执行？

如何在浏览器开发者工具中导入本地JS文件并直接运行？