结束亦是新的开始

      大学生活转眼间就要划上一个完美的句号。人生又要开始新的征程。回顾过去,展望未来,理一理那已逝去的生活的脉络,想一想以后将走向一条怎样的人生道路。

      回首过去的大学生活,个人感觉大学生活是人的一生一次难得人生阅历。大学还是值得一上,不管他好坏与否。请不要奢望上大学可以帮你找到一份体面的工作,安逸的后半生。严格的说,这压根就不是大学的职责所在,大学带给了我们什么呢,我也说不清楚。总之,我感觉我收获了很多,不是金钱,不是知识,也不是技能,更多的是一种人生态度,人生品位。

     大学很平淡,上课,考试,自习都很少;大学亦很丰富,通宵的狂欢,单车出游,开地摊,发传单。

 

 

在Vue3中,可以使用以下步骤从树中拖拽数据并生成组件: 1. 定义一个可拖拽的树组件,其中每个节点都有一个唯一的标识符。 2. 在拖拽开始时,将被拖拽节点的标识符存储到数据中。 3. 在拖拽结束时,将存储的标识符传递给组件的父组件。 4. 父组件根据传递的标识符,从数据中获取被拖拽节点的数据,并生成一个组件。 5. 将组件添加到页面中,并更数据。 以下是一个简单的示例代码: ```html <!-- 定义可拖拽的树组件 --> <template> <div> <div v-for="node in nodes" :key="node.id" :draggable="true" @dragstart="onDragStart(node.id)"> {{ node.label }} </div> </div> </template> <script> export default { props: { nodes: Array, }, methods: { onDragStart(id) { // 存储被拖拽节点的标识符 this.$emit('drag-start', id); }, }, }; </script> ``` ```html <!-- 父组件 --> <template> <div> <draggable-tree :nodes="nodes" @drag-start="onDragStart" /> <div @drop="onDrop" @dragover.prevent> <!-- 在此处放置组件 --> </div> </div> </template> <script> import DraggableTree from './DraggableTree.vue'; import NewComponent from './NewComponent.vue'; export default { components: { DraggableTree, NewComponent, }, data() { return { draggedNodeId: null, nodes: [ { id: 1, label: 'Node 1' }, { id: 2, label: 'Node 2' }, { id: 3, label: 'Node 3' }, ], }; }, methods: { onDragStart(id) { this.draggedNodeId = id; }, onDrop() { // 获取被拖拽节点的数据 const node = this.nodes.find((n) => n.id === this.draggedNodeId); // 生成组件 const newComponent = { render() { return h(NewComponent, { props: { node } }); }, }; // 添加组件到页面中 this.$el.lastChild.appendChild(newComponent.$mount().$el); // 更数据 this.nodes = this.nodes.filter((n) => n.id !== this.draggedNodeId); }, }, }; </script> ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值