视频效果

}touchmove.stop.preventdiscardview

classmask

:style{backgroundColor:bgColor}view

classc-flex-align

v-ifchild.select:class[child.text.length4?navTextClass:]{{

child.text.indexOf(全部)!-1?child.text.split(全部)[1]:child.text

}}/viewimage

srchttp://s08dznyms.hd-bkt.clouddn.com/wechat/up.png

mode

srchttp://s08dznyms.hd-bkt.clouddn.com/wechat/down.png

mode

prefixIconsearchprefixIconStylefont-size:

22px;color:

v-modelsearchValue/u-input/viewview

classtotalClass共text

228){{totalNum}}/text条/view/viewview

classitem-opt

:keyindexclickhandleOpt(index,item){{

item.text

/view/view/scroll-view/view/view二、js

部分部分

data)console.log(this.navData)this.selIndex

this.defaultIndex;this.keepStatus(init);},change(e)

{console.log(this.copyNavData[this.actNav][0].text)this.result

this.copyNavData[this.actNav].filter(item

item.text.indexOf(e)

this.navData[this.actNav].length},

{if

{this.navData.forEach(itemnavData

{child.select

this.selIndex[i];this.navData[i][selindex].select

JSON.parse(JSON.stringify(this.navData));}

else

{this.copyNavData.forEach(itemnavData

{child.select

this.selIndex[i];this.copyNavData[i][selindex].select

true;}}console.log(this.copyNavData)},总结

总体来说进行二次开发的难度不大关键是需要看的懂代码然后进行二次开发就不难了