写点什么

Vue 进阶(幺肆伍):Vue-elementUI 实现操作栏位更多效果

发布于: 刚刚
Vue进阶(幺肆伍):Vue-elementUI实现操作栏位更多效果

项目开发过程中,需要实现操作栏位图标按钮与文字按钮切换效果,在实现文字按钮过程中,大致思路如下:操作栏位只展示前 2 个菜单,之后的菜单采用更多方式展示,通过点击更多展示其余菜单按钮。实现代码如下:


<template slot-scope="scope">  <el-dropdown :split-button="false" trigger="click" type="text" @command="handleCommand" class="dropdown el-dropdown-link">    <span>      更多        <i class="el-icon-caret-bottom el-icon--right"></i>    </span>      <el-dropdown-menu slot="dropdown" v-if="!!user.hobbies && user.hobbies.length > 0">          <template v-for="item in user.hobbies">            <el-dropdown-item @click.native="toMethod(item.methodnm, scope.row)">{{ item.name }}</el-dropdown-item>          </template>      </el-dropdown-menu>  </el-dropdown></template><script>  export default {    methods: {      toMethod (methodnm, inputParam) {        switch (methodnm) {          case 'a':            aMethod(inputParam)            break          case 'b':            aMethod(inputParam)            break          ...        }      }    }  }</script>
复制代码


webstorm 持续 updating indices 解决方法

在应用Webstorm进行开发相关工作时,发现 IDE 一直处于updating indices状态,根据错误提示,查看项目目录中.idea\workspace.xml文件,发现在进行git版本管理过程中,此文件进行了merge操作,结果导致文件中内容格式错乱,通过回退版本,发现问题并未解决,通过网络查询,可能是由于项目中node_modules文件文件过大,而且将该文件夹作为目录标记,解决方法就是右键node_modules,选择Mark Directory as->Excluded,会使IDEA排除index这个文件夹,问题得以解决。


发布于: 刚刚阅读数: 2
用户头像

No Silver Bullet 2021.07.09 加入

岂曰无衣 与子同袍

评论

发布
暂无评论
Vue进阶(幺肆伍):Vue-elementUI实现操作栏位更多效果