前几天一个月薪35k的兄弟,给我推了一个人工智能学习网站,看了一段时间挺有意思的。包括语音识别、机器翻译等从基础到实战都有,很详细,分享给大家。大家及时保存,说不定啥时候就没了。
简述
进入页面自动点击左侧for循环的第一个元素,展示数据,达到进入页面默认展示的效果。
步骤一 自定义指令绑定for循环的第二个参数
步骤二 使用directives自定义指令
<el-menu text-color="#36354B" active-text-color="#3B86FF" style="border: none" > <!-- 左侧分类类别列表 羽绒服/靴子/苹果 --> <el-menu-item v-for="(item, inx) in setItem" :key="item._id" v-hClick="inx" // 自定义指令绑定for循环第二个参数,这里的inx还可以是其他标的,指令中可通过其做出判断 @click.native="handleMenu(item)" :index="item._id" > <!-- <i :class="item.icon"></i> --> <span slot="title">{{item.name}}</span> </el-menu-item> </el-menu> export default { // 自定义组件 directives: { hClick: { inserted(el,binding,index) { if(binding.value===0){ // 给for循环第一个元素执行点击事件 el.click() } } } }, }