前言我是歌谣我有个兄弟巅峰的时候排名c站总榜19叫前端小歌谣曾经我花了三年的时间创作了他现在我要用五年的时间超越他今天又是接近兄弟的一天人生难免坎坷大不了从头再来歌谣的意志是永恒的放弃很容易但是坚持一定很酷微信公众号前端小歌谣需求分析首先我们需要实现一个带有搜索功能的搜索框本次只实现两种框的搜索功能一种input一种select功能思维第一步初始版本先写出一个input和一个render还有两个按钮label="测试数据"key="1"name="测试数据"rules={xxx}style={xxx}>{true?:}查询重置开始升级版本（动态渲染搜索框）接下来可以将搜索的数据改为动态渲染因为
前言我是歌谣我有个兄弟巅峰的时候排名c站总榜19叫前端小歌谣曾经我花了三年的时间创作了他现在我要用五年的时间超越他今天又是接近兄弟的一天人生难免坎坷大不了从头再来歌谣的意志是永恒的放弃很容易但是坚持一定很酷微信公众号前端小歌谣需求分析首先我们需要实现一个带有搜索功能的搜索框本次只实现两种框的搜索功能一种input一种select功能思维第一步初始版本先写出一个input和一个render还有两个按钮label="测试数据"key="1"name="测试数据"rules={xxx}style={xxx}>{true?:}查询重置开始升级版本（动态渲染搜索框）接下来可以将搜索的数据改为动态渲染因为
?背景交代一直想做一个调研，到底有多少比例的web前端工友工作内容以开发后台管理系统为主。本瓜虽然以前也做过小程序项目、H5项目，但现实仍是以开发后台管理系统为主，是个不折不扣的“后管前端er”。大部分web前端工友应该也相似吧，这或许是由市场需求决定的。所以大家在后台管理系统项目中遇到的很多问题也都是相似的，代码很值得review，本篇带来一例（真实）~闲言少叙，开冲！！ヾ(◍°∇°◍)ﾉﾞ众所周知，在后台管理项目中，这样色的table是最常见的：这个table中，主题模板有很多状态，比如：草稿状态、已发布状态、待审核状态等等；点击这些状态又进入到不同的操作页中，比如：草稿对应新建操作页，已
?背景交代一直想做一个调研，到底有多少比例的web前端工友工作内容以开发后台管理系统为主。本瓜虽然以前也做过小程序项目、H5项目，但现实仍是以开发后台管理系统为主，是个不折不扣的“后管前端er”。大部分web前端工友应该也相似吧，这或许是由市场需求决定的。所以大家在后台管理系统项目中遇到的很多问题也都是相似的，代码很值得review，本篇带来一例（真实）~闲言少叙，开冲！！ヾ(◍°∇°◍)ﾉﾞ众所周知，在后台管理项目中，这样色的table是最常见的：这个table中，主题模板有很多状态，比如：草稿状态、已发布状态、待审核状态等等；点击这些状态又进入到不同的操作页中，比如：草稿对应新建操作页，已
引言：在我们要经常使用一些工具函数的时候，如果每次用到都得定义或者引入是不是很麻烦，封装好一个全局的吧公共方法十分必要，这将会大大节省工作量，而且收集的多了以后也能用的到！正文内容1.获取时间（一般时间选择器默认时间用到）//获取当前时间,day为number,getDay(-1):昨天的日期;getDay(0):今天的日期;getDay(1):明天的日期;getDay(day){lettoday=newDate(),targetday_milliseconds=today.getTime()+1000*60*60*24*day;today.setTime(targetday_millisec
引言：在我们要经常使用一些工具函数的时候，如果每次用到都得定义或者引入是不是很麻烦，封装好一个全局的吧公共方法十分必要，这将会大大节省工作量，而且收集的多了以后也能用的到！正文内容1.获取时间（一般时间选择器默认时间用到）//获取当前时间,day为number,getDay(-1):昨天的日期;getDay(0):今天的日期;getDay(1):明天的日期;getDay(day){lettoday=newDate(),targetday_milliseconds=today.getTime()+1000*60*60*24*day;today.setTime(targetday_millisec
项目场景：我有很多的Form表单，在Form表单内又有很多的select选择器，这些选择器的下拉列表都是通过后端的接口传回的数据渲染的，如果每一个Select选择器都使用创建一个组件的话，页面的代码冗余量就会很大，开发的成本以及维护的成本也相对高很多，所以有必要进行封装。我一开始是先在网上找这方面的文章发现目前的文章都不太适合我的需求，于是自己想办法封装了一个，在这里分享一下思路及代码。1.封装下拉列表创建RangeSearch.vue{return{value:item.CustomerID.toString(),label:item.CustomerID.toString()}})还有一个
项目场景：我有很多的Form表单，在Form表单内又有很多的select选择器，这些选择器的下拉列表都是通过后端的接口传回的数据渲染的，如果每一个Select选择器都使用创建一个组件的话，页面的代码冗余量就会很大，开发的成本以及维护的成本也相对高很多，所以有必要进行封装。我一开始是先在网上找这方面的文章发现目前的文章都不太适合我的需求，于是自己想办法封装了一个，在这里分享一下思路及代码。1.封装下拉列表创建RangeSearch.vue{return{value:item.CustomerID.toString(),label:item.CustomerID.toString()}})还有一个
