vue开发组件开发中的小技巧
声明:以下随笔由博主自主编写,也有部分引用网友的,引用部分版权归原作者所有,其他博主原创部分禁止转载、复制全部或部分用以重新发布!
vue递归组件事件阻止冒泡
其实这里主要还有递归组件的自定义事件不生效等一系列问题
<template>
<view class="body">
<view v-for="(item,index) in data" :key="item.id">
<template v-if="!item.children.length">
<view class="item" @click.stop="select(item)">
</view>
</template>
<template v-else>
<!-- 这里是关键的 v-on="$listeners"-->
<!-- 由网友分享:https://blog.csdn.net/weixin_43120290/article/details/125068448 -->
<xf-tree :data="item.children" v-on="$listeners"></xf-tree>
</template>
</view>
</view>
</template>
<script>
methods: {
select(e) {
// 在uniapp中,这里用this,用uni好像没得作用
return this.$emit('click', e)
}
},
</script>
JavaScript移除一个对象
// 转载于https://www.cnblogs.com/luyj00436/p/15076312.html
const obj = { a : 1, b : 2 }
delete obj.a
console.log(obj) //{ b : 2 }
本文来自博客园,作者:小枫同学,除网络转载的部分,其他版权属于作者和博客园所有,未经作者或博客园许可,禁止转载、复制、重新发布完整或者部分文字、代码、图片等信息,否则将保留追究法律责任的权利(如博客侵权了您的作品,本人再次表示抱歉,请将原创地址发送至下文邮箱,核实后立刻删除。)。查阅文章的同学,由于网络爬虫严重,有些代码并不会完整贴出来或者存在bug,不过你可以发送邮件到xfstune@126.com获取新代码,记得附上文章链接