精华内容
下载资源
问答
  • 与上篇实践教程一样,这篇文章,我将继续从一种常见的功能——表格入手,展示Vue.js一些优雅特性。同时也将对filter功能与computed属性进行对比,说明各自的适用场景,也为vue2.0版本即将删除的部分filter...
  • 遇到一个问题,如何对表格的数据进行多关键字筛选,然后把关键字提交给后台,后台返回相应的数据绑定在表格中,找了很多帖子也都没有过多的讲解,都没有找到心仪的案例,都是一些直接仿照官网给的例子,只是静态的...

    这两天在搞一个项目的时候,遇到一个问题,如何对表格的数据进行多关键字筛选,然后把关键字提交给后台,后台返回相应的数据绑定在表格中,找了很多帖子也都没有过多的讲解,都没有找到心仪的案例,都是一些直接仿照官网给出的例子,只是静态的过滤已绑定的数据,并没有一个与后台交互的过程。

    于是我尝试自己写了一个,用了近两个小时,现在把它分享出来

    效果图:交互是只需将已选条件提交给后台就好了,若没选中,提交默认为空

     

    代码:使用的是vue   element-ui组件编写的,相应的引包是在js中引的,这里并没有给出

    <template>
      <div>
        <el-card>
          <el-row :gutter="20">
            <el-col :span="2" style="color: yellowgreen">
              已选条件:
            </el-col>
            <el-col :span="12">
              <el-tag v-if="this.selectTags.area !== ''"
                closable size="small" @close="handleClose(0)">
                {{this.selectTags.area}}
              </el-tag>
              <el-tag v-if="this.selectTags.work !== ''"
                      closable size="small" @close="handleClose(1)">
                {{this.selectTags.work}}
              </el-tag>
              <el-tag v-if="this.selectTags.num !== ''"
                      closable size="small" @close="handleClose(2)">
                {{this.selectTags.num}}
              </el-tag>
            </el-col>
          </el-row>
          <el-row :gutter="20">
            <el-col :span="2" style="color: yellowgreen">
              行业:
            </el-col>
            <el-col :span="8">
              <el-button type="text" v-for="work in works" :key="work"
                         size="medium" @click="selectKey(work,0)">{{work}}</el-button>
            </el-col>
          </el-row>
          <el-row :gutter="20">
            <el-col :span="2" style="color: yellowgreen">
              省份:
            </el-col>
            <el-col :span="8">
              <el-button type="text" v-for="area in areas" :key="area"
                         size="medium"  @click="selectKey(area,1)">{{area}}</el-button>
            </el-col>
          </el-row>
          <el-row :gutter="20">
            <el-col :span="2" style="color: yellowgreen">
              指数:
            </el-col>
            <el-col :span="8">
              <el-button type="text" v-for="num in nums" :key="num"
                         size="medium"  @click="selectKey(num,2)">{{num}}</el-button>
            </el-col>
          </el-row>
        </el-card>
      </div>
    </template>
    
    <script>
      export default {
        data() {
          return {
            //省份
            areas: ['湖南', '广西', '福建', '广东', '江西', '山东'],
            //行业
            works: ['工业', '旅游业', '餐饮', '农业'],
            //指数
            nums: ['>=0.9','>=0.8','>=0.6'],
            //筛选参数
            selectTags: {
              area: '湖南',
              work: '',
              num: ''
            }
        },
        methods: {
          //筛选
          selectKey(tag,key) {
            if(key === 0)
              this.selectTags.work = tag
            else if(key === 1)
              this.selectTags.area = tag
            else
              this.selectTags.num = tag
          },
          //删掉已选中的选项
          handleClose(tag) {
            if(tag === 0)
              this.selectTags.area = ''
            else if(tag === 1)
              this.selectTags.work = ''
            else
              this.selectTags.num = ''
          }
        }
      }
    </script>
    
    <style scoped>
    .el-row {
      margin: 0px 0 15px 10px;
    }
    .el-tag {
      margin-right: 10px;
    }
    .el-button--medium {
      padding: 0px 10px;
      font-size: 16px;
      border-radius: 4px;
    }
    </style>
    

     

    刚开始入坑vue框架,有什么不足之处还望指出,最后我想说Element-ui 组件还是很友好的,特别容易上手

    有什么不明处欢迎留言,博主会第一时间回复的

    展开全文
  • 然后逐步介绍创建数据透视表、自定义透视表、查看视图数据透视表内进行计算、使用数据透视图等可视化工具、分析数据源、共享数据表、使用和分析OLAP数据透视表使用宏和VBA等内容,并集中解答了一些常见的...
  • 然后逐步介绍创建数据透视表、自定义透视表、查看视图数据透视表内进行计算、使用数据透视图等可视化工具、分析数据源、共享数据表、使用和分析OLAP数据透视表使用宏和VBA等内容,并集中解答了一些常见的...
  • 然后逐步介绍创建数据透视表、自定义透视表、查看视图数据透视表内进行计算、使用数据透视图等可视化工具、分析数据源、共享数据表、使用和分析OLAP数据透视表使用宏和VBA等内容,并集中解答了一些常见的...
  • 然后逐步介绍创建数据透视表、自定义透视表、查看视图数据透视表内进行计算、使用数据透视图等可视化工具、分析数据源、共享数据表、使用和分析OLAP数据透视表使用宏和VBA等内容,并集中解答了一些常见的...
  • 关于文字在表格中的组合 求拆解合并公式 如何把字母和数字分开? 把分散在各单元格的内容合在一个单元格中 多个工作表的单元格合并计算 【条件自定义格式】 通过条件格式将小计和总计的行设为不同的颜色 如何实现这样...
  • EXCEL函数公式集

    热门讨论 2010-03-16 03:26:38
    关于文字在表格中的组合 求拆解合并公式 如何把字母和数字分开? 把分散在各单元格的内容合在一个单元格中 多个工作表的单元格合并计算 【条件自定义格式】 通过条件格式将小计和总计的行设为不同的颜色 如何实现这样...
  • 办公软件使用心得

    2019-01-02 21:54:00
    本文简要总结,自己平时工作对办公软件的一些使用心得,此记录下,以备后续查阅。...制作含较多内容的Excel表格时,建议搭配表头首行固定加数据有效性筛选,方便别人快速查看。 隔行显示不同的底色...

    本文简要总结,自己在平时工作对办公软件的一些使用心得,在此记录下,以备后续查阅。

    Word

    如何去掉 Word2007 文档结构图的底色

    • 按Ctrl+Alt+Shift+s,打开样式弹出框
    • 在样式弹出框中选中 “文档结构图” 样式
    • 点击右键,删除“文档结构图”样式 即可

    Excel

    在制作含较多内容的Excel表格时,建议搭配表头首行固定加数据有效性筛选,方便别人快速查看。

    隔行显示不同的底色,颜色不要要刺眼,有明确的区分即可。

    Excel涉及到表格的,表格要加上边框线,用于数据画块区分。

    用Excel写周报时,一年按4个季度,每个季度做成一个sheet。在每个sheet内,一个季度三个月,一个月4个星期,分类汇总。

    Excel,对于一些常用的功能,可以通过自定义快速访问工具栏添常用功能,通过Alt+数字键来唤起。

    1. F4在Excel中的应用
    • 切换引用模式(相对引用、绝对引用、混合引用)
    • 重复上一步的操作
    1. 选择性粘贴(不粘贴公式,只粘贴内容)

      选中需要粘贴的源数据,在目标单元格出,右键选择性粘贴,选择数值即可。

    2. 分列操作

    3. 快速交换行列

      按住Shift键,选中待交换的行,Shift键不松开,鼠标移到选中行的边框处,等待变为十字星,然后移动到所需的地方去。

    4. 单元格添加批注

    PPT

    一个结构清晰的PPT,大致设计如下:

    1. 第一页:主标题+副标题 人员+时间
    2. 第二页:目录
      • 业务A(业务A加颜色,表示接下来要介绍业务A)
      • 业务B
      • 业务C
    3. 第三页:业务A
      • 业务A的具体细节A1
    4. 第四页:业务A
      • 业务A的具体细节A2
    5. 第五页:目录
      • 业务A
      • 业务B(业务B加颜色,表示接下来要介绍业务B)
      • 业务C
    6. 业务B
      • 业务B的具体细节B1
    7. 业务B
      • 业务B的具体细节B2
    8. 业务B(续1)
      • 业务B的具体细节B3
    9. 业务B(续2)
      • 业务B的具体细节B4
    10. 目录
      • 业务A
      • 业务B
      • 业务C(业务C加颜色,表示接下来要介绍业务C)
    11. 业务C
      • 业务C的具体细节C1
    12. 业务C
      • 业务C的具体细节C2
    13. 结束页致谢

    以上结构组织的几个要点:

    • PPT的主题切换时,要设置好讲解目录标题过渡页,让读者有心理转换空间。
    • PPT的配图色系统一,不同数据之间要有图表对比。
    • 对于重点问题,要突出标注,用数据说话。

    流程图绘制

    流程图绘制要求

    1. 一个流程图的开始,要有一个起始启动函数
    2. 一个方块只代表一个单一流程,一般来说只有一个入口和一个出口,不允许有多个出口。
    3. 表达判断的棱形方块,只允许来自上方的一个输入,出口可以有多个。表达条件的另外一种画法,可以不在菱形方块中写条件,将走向分支的条件写在分支线段上。

    时序图

    1. 每个对象的生命线上面,调用自身函数时,在自身的生命线上画框,如果是调用其他模块的函数或者给其他模块发消息,则将该操作,绘制在指向别人的线段上。
    2. 时序图想表达if-else分支如何表达?

    第一种方法:分成两个时序图,分别表达条件成立和不成立的两种,这种方法适合比较简单的业务逻辑。

    第二种方法:在时序图中嵌入"Alt"类型的Combined Fragment框,在里面加上条件判断以及后续的处理。

    第三种方法:在单个流程线中,画出两个处理过程,用文字说明是什么清空下才会触发此流程。

    第四种方法:在时序图中,只表达主要流程,一些错误的处理分支可以不表达出来。

    交互图

    绘制不同模块之间的交互,建议使用交互图来实现。

    一般来说,从交互图的左侧开始,向右侧接收者发起一个调用,在接收者可能有多种响应的情况下,为了便于阅读,可以将各种不同情况按顺序写在右侧,针对每一种情况,详细写清楚返回信息和对应的触发条件。

    为了更好的区分,可以在不同返回场景之间,加上虚线来分割,并且对不同场景进行命名。

    邮件礼仪

    写Email时,第一句话要直入主题地告诉对方,这封邮件的目的是什么。

    如果希望对方回复这封邮件,那么接下来说的每一句话,都尽量以对方的角度出发,不要说邮件里面注明的是自己的事儿,说说这事儿跟他有什么关系。

    花500个字写自己很NB不如花50个字来阐述清楚你要介绍的事情和对方有什么关系。

    提供尽可能多的便利条件,让别人能够方便帮助。比如在请求推荐人转发邮件的场景中,可以这样来做:

    第一封:“很高兴今天和你XXX,我们的项目是X,您提到了,我们的项目可能会让天使投资人A,投资机构B和供应商C感兴趣,接下来我会发三封独立邮件给您,分别是写给A、B和C的,这三封邮件都是可以被直接转发的格式,谢谢您的帮助”

    第二封、第三封和第四封在内容和措辞上,分别是写给A、B和C的,简洁阐述你的项目和他们的关系,并且保证格式完整,让你的推荐人可以直接转发。

    展开全文
  • excel的使用

    2012-11-25 17:06:01
    图2(8) 利用Ctrl+*选取文本如果一个工作表中有很多数据表格时,可以通过选定表格中某个单元格,然后按下Ctrl+*键可选定整个表格。Ctrl+*选定的区域为:根据选定单元格向四周辐射所涉及到的有数据单元格的最大...
  • 每个实例都是经过作者精心筛选的,具有很强的实用性,其中一些实例是开发人员难于寻觅的解决方案。  本书两卷共计1200个例子,包括了开发各个方面最常用的实例,是目前市场上实例最全面的开发类图书;本书实例...
  • 每个实例都是经过作者精心筛选的,具有很强的实用性,其中一些实例是开发人员难于寻觅的解决方案。  本书两卷共计1200个例子,包括了开发各个方面最常用的实例,是目前市场上实例最全面的开发类图书;本书实例...
  • MAPGIS地质制图工具

    2013-05-06 16:15:30
    2、如果需要把Excel中的线也输入到MapGis中,请先设置好表格中的线,且能输入单元格的文字字体、颜色、大小等; 3、如果要自定义表格转到MapGis范围大小,点菜单Excel->MapGis后,框选输入数据的范围,数据输入...
  • 运行《管家婆》Windows版程序组的[数据备份与恢复]程序备份数据,以备升级过程掉电或其他非正常因素造成数据丢失。 [系统维护]菜单选择[年结存],按系统提示操作即可。 如需查询年结存以前的明细帐,可...
  • Karen Morton及其团队本书提供了专业的方案:先掌握语言特性,再学习Oracle为提升语言效率而加入的支持特性,进而将两者综合考虑并工作加以应用。作者通过总结各自多年的软件开发和教学培训经验,与大家...
  • Karen Morton及其团队本书提供了专业的方案:先掌握语言特性,再学习Oracle为提升语言效率而加入的支持特性,进而将两者综合考虑并工作加以应用。作者通过总结各自多年的软件开发和教学培训经验,与大家...
  • iPhone开发秘籍(第2版)--详细书签版

    热门讨论 2012-12-11 13:42:25
    此外,还结合实例讲解了如何开发各种iphone特性,包括视图、视图控制器、警告、表格、媒体、控件、人物、位置和事件。  《iphone开发秘籍(第2版)》适合iphone和mac开发人员。 作译者 作者:(美国)萨丹(Erica ...
  • iPhone开发秘籍(第2版)--源代码

    热门讨论 2012-12-11 13:51:22
    此外,还结合实例讲解了如何开发各种iphone特性,包括视图、视图控制器、警告、表格、媒体、控件、人物、位置和事件。  《iphone开发秘籍(第2版)》适合iphone和mac开发人员。 作译者 作者:(美国)萨丹(Erica ...
  • 表格中数据 355 实例197 使DataGrid控件刷新前后记录的位置 保持不变 356 实例198 隐藏MSHFlexGrid控件的行和列 357 实例199 动态调整MSHFlexGrid表格中字段的 顺序 358 实例200 提高数据输入速度 359 实例...
  • 表格中数据 355 实例197 使DataGrid控件刷新前后记录的位置 保持不变 356 实例198 隐藏MSHFlexGrid控件的行和列 357 实例199 动态调整MSHFlexGrid表格中字段的 顺序 358 实例200 提高数据输入速度 359 实例...
  • 实例206 根据字段类型自动格式化DataGrid表格中数据 7.3 数据辅助录入 实例207 利用组合框辅助录入数据 实例208 利用DataGrid控件辅助录入数据 实例209 利用数据窗口辅助录入数据 实例210 DataGrid表格中...
  • 实例206 根据字段类型自动格式化DataGrid表格中数据 7.3 数据辅助录入 实例207 利用组合框辅助录入数据 实例208 利用DataGrid控件辅助录入数据 实例209 利用数据窗口辅助录入数据 实例210 DataGrid表格中...
  • JAVA面试题最全集

    2010-03-13 13:09:10
    JSP中如何读取客户端的请求,如何访问CGI变量,如何确定某个Jsp文件的真实路径。 4.描述Cookie和Session的作用,区别和各自的应用范围,Session工作原理。 5.列Jsp中包含外部文件的方式,两者有何区别。 6....
  • 每个实例都是经过笔者精心筛选的,具有很强的实用性,其中一些实例是开发人员难于寻觅的解决方案。  本书适合C#的初学者,如高校学生、求职人员作为练习、速查、学习使用,也适合C#程序员参考、查阅。 目 录 第1...
  • 每个实例都是经过笔者精心筛选的,具有很强的实用性,其中一些实例是开发人员难于寻觅的解决方案。  本书适合C#的初学者,如高校学生、求职人员作为练习、速查、学习使用,也适合C#程序员参考、查阅。 目 录 第1...
  • 每个实例都是经过笔者精心筛选的,具有很强的实用性,其中一些实例是开发人员难于寻觅的解决方案。  本书适合C#的初学者,如高校学生、求职人员作为练习、速查、学习使用,也适合C#程序员参考、查阅。 目 录 第1...
  • 中文版Excel.2007图表宝典 1/2

    热门讨论 2012-04-06 18:49:24
    对于那些想制作精美、专业的电子数据表格高级Excel用户,特别是经常需要利用Excel图表演示工作数据的用户,本书是一部绝佳的学习指南。这些实例可以直接进行部署使用。 内容提要 ---------------------------...
  • 中文版Excel.2007图表宝典 2/2

    热门讨论 2012-04-06 19:01:36
    对于那些想制作精美、专业的电子数据表格高级Excel用户,特别是经常需要利用Excel图表演示工作数据的用户,本书是一部绝佳的学习指南。这些实例可以直接进行部署使用。 内容提要 ---------------------------...

空空如也

空空如也

1 2 3
收藏数 43
精华内容 17
关键字:

在表格中如何筛选出一些数据