vue3块级显示隐藏相关

div块,动态内容块,动态显示隐藏功能, 当前仅支持规整的内容,如 span 标签包裹的内容列 【组件】

    组件:构建入参props,以及构建组件自身所需的方法

组件template部分,可自行修改标签内容,组件入参参数规定一个Object,因为本项目没有使用ts,所以你懂的;


使用onUpdated来实时更新内容,所以传递的Object应为reactive,这样做有利于回调


简单的style,可自行修改, 千万别在子容器中写 white-space: nowrap, 这个会造成IOS机型不生效,这样虽然会带来子内容自动折行,暂无办法

使用


tags 为内容集合,controls 作为控制, 甚至可以多填入内容显示的字样,SetTags是对数据的筛选,保证了传入是id,tag集合;最终TagClick为对调,可以对自身做修改;当然,这里还可以做别的数据结构,只要符合你要的业务即可

你可能感兴趣的:(vue3块级显示隐藏相关)