展开效果看红框区域

收缩效果看红框区域

接下来看代码逻辑

# # #模板部分：已去除与本文不相关的功能代码

Li class=' main-video ' v-for='(项目，索引)当然子列表' : key='项目。id ' div class=' audio-name ' div class=' img-l ' span class=' img-l ' span num ' { index 1 } }/span class=' img-l-name ' item。subname } }/span/div class=' img-r ' @单击=' showhide(index)' ref=' arrow ' I class='iconfont'/i/div/div class=' audio '部分：已去除与本文不相关的功能代码

data(){ return { course sublist :[]，//课程正文列表}}，方法： { ShowHide(index){ if(this .参考文献。子[索引]。风格。display===' none '){ this .参考文献。子[索引]。风格。display=' flex '这个.参考文献。箭头[索引]。风格。transform=' rotateX(0)' else { this .参考文献。子[索引]。风格。显示='无'这个.参考文献。箭头[索引]。风格。transform=' rotateX(180度)' }，deletCourseSub(id) { //功能代码省略}}###分析过程：

分别给展开折叠的箭头加' ref='箭头'属性；分别给列表单项内容区最外层标签即本文的class='audio-body '的标签加ref=" child再给箭头标签区域加个显示隐藏（索引)事件；最后通过对应的指数利用某视频剪辑软件的裁判员属性改变对应的列表单项展开折叠；以上所述是小编给大家介绍的某视频剪辑软件列表单项展开收缩功能之这个参考文献详解整合，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！