vue移动端引用第三方组件——lytab（学习笔记）
时间：2023-04-05 17:10:50
HTML5
网上有个大神写了一个移动端可滑动（惯性滑动&回弹）的vue导航栏组件ly-tab，想在我的项目中使用，但是发现这个错误：SyntaxError:Unexpectedtoken不知道import哪一步不对。我从node_modules文件中复制了它的源码，放在组件文件node_modulescomponents下，在需要使用的组件中partiallyreferencedimportLyTabfrom'@/components/Scroll'。后来发现还是报SyntaxError:Unexpectedtokenimport然后尝试导入把路径改成下面不会报错importLyTabfrom'@/components/Scroll/src/index.vue'===================================================================================================items是传递给子组件的数组options是lytab的配置exportdefault{components:{LyTab},data(){return{sortList:[],//parentcategoryi:0,selected:0,options:{activeColor:'#78d5f7',labelKey:'name'//选择要渲染的键名sortList数组}}}}后面需要获取点击的父类的索引值来过滤子类，所以需要在源码的基础上添加index.vue子组件{{item[labelKey]}}
添加getindex函数，获取点击的索引，传递给父组件父组件接收
0"> exportdefault{components:{LyTab},data(){return{sortList:[],//父类i:0,selected:0,options:{activeColor:'#78d5f7',labelKey:'name'}}},mounted(){if(this.$route.query.cp_id){this.selected=Number(this.$route.query.cp_id)}},//asyncData在服务端串染asyncasyncData(){letres=awaitNet.getSort()letresult=res.data.dataresult.unshift({name:'全部',id:0,subCategoryList:[]})for(leti=0;i
写的很乱，是我平时项目的一个小总结
