? <div class="fishqc-tap"> ???????????<div ms-class="[@codePic!=‘‘&&@codeInfo!=‘‘?‘tapHome‘:‘changeToThree‘]"> ???????????????<a href="javascript:;" onClick="javascript:;" ms-class="@currentSelect.key == ‘safety‘ && ‘active‘" ms-click="sortclick(@setting.safety)">安全榜单</a> ???????????</div> ???????????<div ms-class="[@codePic!=‘‘&&@codeInfo!=‘‘?‘tapHome‘:‘changeToThree‘]"> ???????????????<a href="javascript:;" onClick="javascript:;" ms-class="@currentSelect.key == ‘recommend‘ && ‘active‘" ms-click="sortclick(@setting.recommend)">优品推荐</a> ???????????</div> ???????????<!-- <a href="javascript:;" onClick="javascript:;" ms-class="@currentSelect.key == ‘report‘ && ‘active‘" ms-click="sortclick(@setting.report)">即将上线</a> --> ???????????<div ms-visible="@codePic!=‘‘&&@codeInfo!=‘‘" class="tapHome"> ???????????????<a href="javascript:;" onClick="javascript:;" ms-class="@currentSelect.key == ‘secret‘ && ‘active‘" ms-click="sortclick(@setting.secret)">中选秘籍</a> ???????????</div> ???????????<!-- <a href="javascript:;" onClick="javascript:;" ms-class="@currentSelect.key == ‘beforetry‘ && ‘active‘" ms-click="sortclick(@setting.beforetry)">试用报告</a> --> ???????????<div ms-class="[@codePic!=‘‘&&@codeInfo!=‘‘?‘tapHome‘:‘changeToThree‘]"> ???????????????<a href="javascript:;" onClick="javascript:;" ms-class="@currentSelect.key == ‘report‘ && ‘active‘" ms-click="sortclick(@setting.report)">试用报告</a> ???????????</div> ???????</div>
???????<div ms-if="@currentSelect.key == ‘safety‘"> ?????????11111 ????????</div> ??????<!-- ?</div> --> ???????<div ms-if="@currentSelect.key == ‘recommend‘"> ??????????222222 ???????</div> ???????<div class="award_bottom" ms-if="@currentSelect.key == ‘secret‘"> ??????????3333 ???????</div> ???????<div ms-if="@currentSelect.key == ‘report‘" style="margin-top: 0.2rem;border-bottom: 1px solid #f8f8f8"> ????????44444 ??????</div>
??????setting: { ???????????safety: { ???????????????key: "safety" ???????????}, ???????????recommend: { ???????????????key: "recommend" ???????????}, ???????????secret: { ???????????????key: "secret" ???????????}, ???????????report: { ???????????????key: "report" ???????????} ???????},
sortclick: function(item) { ???????????vm.currentSelect = item ???????????if (item.key == ‘safety‘) { ???????????????vm.safetyList() ???????????} else if (item.key == ‘recommend‘) { ???????????????vm.productRecommend() ???????????} else if (item.key == ‘report‘) { ???????????????vm.tryReport() ???????????} ???????????console.log(55555, item) ???????},
?vm.$watch(‘onReady‘, function() { ???????????vmi.currentSelect = vmi.setting.currenttry; ???})
avalon结合原生js tab切换
原文地址:https://www.cnblogs.com/antyhouse/p/8984266.html