美文网首页踩坑笔记
简单业务需求集合

简单业务需求集合

作者: 还是流星拳比较好 | 来源:发表于2018-12-12 17:49 被阅读0次

2018年12月12日
暂时把最近项目上写的一些简单需求做个总结
1.搜索框,进行模糊搜索(使用vue实现,vue自定义指令,做函数防抖优化)

<input type="text" v-throttle="search" id="entityId" placeholder="请输入" v-model="company">
directives: {
    // 自定义函数防抖指令
    throttle: {
      inserted (el, binding) {
        let timer
        el.addEventListener('keydown', () => {
          clearTimeout(timer)
          timer = setTimeout(() => {
            binding.value()
          }, 300)
        })
      }
    }
  }
// 模糊查询请求
search () {
  if (this.company.length > 0) {
    searchProperties(this.company, this.graphName)
    .then((res) => {
      this.searchCompanies = []
      for (let key in res) {
        res[key].forEach((val) => {
          if (this.searchCompanies.length < 10) {
            this.searchCompanies.push(val)
          }
          this.isKeyUp = true
        })
      }
    })
  } else {
    this.isKeyUp = false
  }
}

下次再改

相关文章

  • 简单业务需求集合

    2018年12月12日暂时把最近项目上写的一些简单需求做个总结1.搜索框,进行模糊搜索(使用vue实现,vue自定...

  • 浅谈需求池管理

    需求池是什么? 简单理解为需求的集合,来自于业务、运营、客户、产品、技术等各个岗位提出需求; 需求池的意义 开放、...

  • element DatePicker 日期选择器 Picker

    Picker Options 设置 cellClassName思路 后台返回 日期集合根据业务需求 加上相应cla...

  • 后端产品六个关键点

    后端产品经理是整个后端业务需求的整理者,需要串起整个业务的前中后所有流程。后端业务往往并不像前端需求那样简单易于理...

  • 解决vue在setTimeout内修改this失效的问题

    在项目中会遇到 定时方面的需求。我们来用setTimeout来处理。 1.简单业务需求 2.复杂业务 上面的代码,...

  • 学习笔记二——交互设计需求分析

    1、分析业务需求 业务需求=业务目的+业务目标 (GSM)目标=信号+衡量标准 最终将业务需求转化为用户行为 2、...

  • 【产品修炼连载】需求分析篇-------从实例中理解业务需求、用

    本节试图从一个简单的“用户自助寄件”案例出发,分析业务需求、用户需求、功能需求之间的关系和差异,以及如何进行需求的...

  • Java集合

    集合 2:到底使用哪种集合看需求。

  • 至繁归简

    最近的需求分析工作让产生很多疑问,当业务需求很明确的前提下,如何能将一个复杂的业务过程通过软件让它变得简单?什么...

  • 202004业务需求

    需求: webpack配置掌握 请用心练完这16个webpack小例子 https://juejin.im/pos...

网友评论

    本文标题:简单业务需求集合

    本文链接:https://www.haomeiwen.com/subject/bsauhqtx.html