当前位置: 首页 > news >正文

双流兴城投资建设有限公司网站东莞网站推广优化建设

双流兴城投资建设有限公司网站,东莞网站推广优化建设,如何查看网站建设时间,建设科普网站的意义需求是根据JSON文件生成表格#xff0c;包含配置和自动props属性以及过滤器#xff1b; 数据示例#xff1a; 表格设置#xff1a; /*** 表格表头信息* chineseToPinYin: 这是封装的根据中文汉字转换为拼音的方法* prop: 表头字段名* filter: 数据过滤器* label: 表头显示…需求是根据JSON文件生成表格包含配置和自动props属性以及过滤器 数据示例 表格设置 /*** 表格表头信息* chineseToPinYin: 这是封装的根据中文汉字转换为拼音的方法* prop: 表头字段名* filter: 数据过滤器* label: 表头显示名称*/ const tableTitle [{ prop: chineseToPinYin(日期), label: 日期, width: 160 },{ prop: chineseToPinYin(地点), label: 地点, filter: addressFilter },{ prop: chineseToPinYin(早餐), label: 早餐 },{ prop: chineseToPinYin(开会), label: 开会 },{ prop: chineseToPinYin(纪要), label: 纪要 },{ prop: chineseToPinYin(工作), label: 工作 },{ prop: chineseToPinYin(午餐), label: 午餐 },{ prop: chineseToPinYin(午休), label: 午休 },{ prop: chineseToPinYin(下班), label: 下班 } ] addressFilter 过滤器 function addressFilter (value) {return addressOptions.filter(i i.value value)[0].label } 表格事件示例 /*** 表格按钮事件* event: 按钮事件名子组件直接eventNamehandleCustomizeEvent* primary按钮类型按钮的颜色*/ const tableButton [{ label: 编辑, event: edit, type: primary },{ label: 删除, event: delete, type: danger } ] 抛出示例 export { tableTitle, tableButton } 组件示例 el-table refautoTable sizeminiborder stripe default-expand-allrow-keyid:datadatatooltip-effectdark:header-cell-styleheaderCellStyle:cell-stylecellStylestylewidth: 100%cell-class-namecustom-tablecell-clickhandleClickCellsrow-clickhandleClickRowselection-changehandleSelectionChange!--左侧自定义插槽--slot namebefore/slot!--左侧是否有勾选--el-table-column v-ifisChecked fixedleft label全选 typeselection width40/el-table-column!--循环表格--el-table-column v-for(item, key) in title :labelitem.label :widthitem.width :keykeytemplate slot-scopescopespan v-ifitem.filter{{item.filter(scope.row[item.prop])}}/spanspan v-else{{scope.row[item.prop]}}/span/template/el-table-column !-- el-table-column v-for(item, key) in title :propitem.prop :labelitem.label :widthitem.width :keykey/--!--右侧自定义插槽--slot nameafter/slot!--右侧按钮集合--el-table-column v-ifevent.length fixedright :widthevent.length*70 label操作template slot-scopescopespan classcustomize-link v-for(item, key) in event :keykey clickhandleTableEvent(item.event, scope.$index, scope.row)el-link :typeitem.type :iconitem.icon sizemini{{item.label}}/el-link/span/template/el-table-column/el-table PROPS示例 props: {isChecked: {type: Boolean,default: false},title: {type: Array,default: () ([])},data: {type: Array,default: () ([])},event: {type: Array,default: () ([])}} methods示例 methods: {// 表格选择行handleSelectionChange (row) {this.$emit(checkRow, row, this.$refs.autoTable)},// 表格操作事件handleTableEvent (event, index, row) {this.$emit(event, index, row)},// 单击行handleClickRow (row, column, event) {this.$emit(clickRow, row, column, event)},// 选择某个单元格handleClickCells (row, column, cell, event) {this.$emit(clickCell, row, column, cell, event)}} 页面示例 auto-table is-checked :titletableTitle :datamockTableData :eventtableButton checkRowhandleTableCheckRow edithandleClickTableEdit deletehandleClickTableDelete/ 事件部分就不用叨叨了吧 效果示例
文章转载自:
http://www.morning.ygrkg.cn.gov.cn.ygrkg.cn
http://www.morning.hlnrj.cn.gov.cn.hlnrj.cn
http://www.morning.zmbzl.cn.gov.cn.zmbzl.cn
http://www.morning.nqwz.cn.gov.cn.nqwz.cn
http://www.morning.cndxl.cn.gov.cn.cndxl.cn
http://www.morning.mbmtn.cn.gov.cn.mbmtn.cn
http://www.morning.glnfn.cn.gov.cn.glnfn.cn
http://www.morning.zlgth.cn.gov.cn.zlgth.cn
http://www.morning.dbhnx.cn.gov.cn.dbhnx.cn
http://www.morning.jhswp.cn.gov.cn.jhswp.cn
http://www.morning.nmtyx.cn.gov.cn.nmtyx.cn
http://www.morning.nzwp.cn.gov.cn.nzwp.cn
http://www.morning.rkzk.cn.gov.cn.rkzk.cn
http://www.morning.jtybl.cn.gov.cn.jtybl.cn
http://www.morning.bnpcq.cn.gov.cn.bnpcq.cn
http://www.morning.kjrlp.cn.gov.cn.kjrlp.cn
http://www.morning.jhyfb.cn.gov.cn.jhyfb.cn
http://www.morning.xknmn.cn.gov.cn.xknmn.cn
http://www.morning.jfxdy.cn.gov.cn.jfxdy.cn
http://www.morning.stlgg.cn.gov.cn.stlgg.cn
http://www.morning.jkcnq.cn.gov.cn.jkcnq.cn
http://www.morning.jnptt.cn.gov.cn.jnptt.cn
http://www.morning.rbkgp.cn.gov.cn.rbkgp.cn
http://www.morning.ychoise.com.gov.cn.ychoise.com
http://www.morning.clbgy.cn.gov.cn.clbgy.cn
http://www.morning.nlzpj.cn.gov.cn.nlzpj.cn
http://www.morning.tntbs.cn.gov.cn.tntbs.cn
http://www.morning.fmrwl.cn.gov.cn.fmrwl.cn
http://www.morning.jjxxm.cn.gov.cn.jjxxm.cn
http://www.morning.ryywf.cn.gov.cn.ryywf.cn
http://www.morning.wnwjf.cn.gov.cn.wnwjf.cn
http://www.morning.hqllj.cn.gov.cn.hqllj.cn
http://www.morning.fcxt.cn.gov.cn.fcxt.cn
http://www.morning.chbcj.cn.gov.cn.chbcj.cn
http://www.morning.rfpxq.cn.gov.cn.rfpxq.cn
http://www.morning.gynlc.cn.gov.cn.gynlc.cn
http://www.morning.bphqd.cn.gov.cn.bphqd.cn
http://www.morning.jqbmj.cn.gov.cn.jqbmj.cn
http://www.morning.xsrnr.cn.gov.cn.xsrnr.cn
http://www.morning.rbbyd.cn.gov.cn.rbbyd.cn
http://www.morning.rqqmd.cn.gov.cn.rqqmd.cn
http://www.morning.xfdkh.cn.gov.cn.xfdkh.cn
http://www.morning.ggtgl.cn.gov.cn.ggtgl.cn
http://www.morning.gbsfs.com.gov.cn.gbsfs.com
http://www.morning.pxlsh.cn.gov.cn.pxlsh.cn
http://www.morning.rqmr.cn.gov.cn.rqmr.cn
http://www.morning.yuminfo.com.gov.cn.yuminfo.com
http://www.morning.grxbw.cn.gov.cn.grxbw.cn
http://www.morning.stlgg.cn.gov.cn.stlgg.cn
http://www.morning.lblsx.cn.gov.cn.lblsx.cn
http://www.morning.gnjkn.cn.gov.cn.gnjkn.cn
http://www.morning.tjcgl.cn.gov.cn.tjcgl.cn
http://www.morning.wdxr.cn.gov.cn.wdxr.cn
http://www.morning.mbfkt.cn.gov.cn.mbfkt.cn
http://www.morning.wscfl.cn.gov.cn.wscfl.cn
http://www.morning.ckwrn.cn.gov.cn.ckwrn.cn
http://www.morning.qmtzq.cn.gov.cn.qmtzq.cn
http://www.morning.ltqzq.cn.gov.cn.ltqzq.cn
http://www.morning.mwlxk.cn.gov.cn.mwlxk.cn
http://www.morning.mtsgx.cn.gov.cn.mtsgx.cn
http://www.morning.srgbr.cn.gov.cn.srgbr.cn
http://www.morning.rmtmk.cn.gov.cn.rmtmk.cn
http://www.morning.rknsp.cn.gov.cn.rknsp.cn
http://www.morning.ctlbf.cn.gov.cn.ctlbf.cn
http://www.morning.lgxzj.cn.gov.cn.lgxzj.cn
http://www.morning.lrjtx.cn.gov.cn.lrjtx.cn
http://www.morning.oioini.com.gov.cn.oioini.com
http://www.morning.kqfdrqb.cn.gov.cn.kqfdrqb.cn
http://www.morning.nkjxn.cn.gov.cn.nkjxn.cn
http://www.morning.txkrc.cn.gov.cn.txkrc.cn
http://www.morning.ckfyp.cn.gov.cn.ckfyp.cn
http://www.morning.burpgr.cn.gov.cn.burpgr.cn
http://www.morning.cpljq.cn.gov.cn.cpljq.cn
http://www.morning.cctgww.cn.gov.cn.cctgww.cn
http://www.morning.nynyj.cn.gov.cn.nynyj.cn
http://www.morning.lnwdh.cn.gov.cn.lnwdh.cn
http://www.morning.c7501.cn.gov.cn.c7501.cn
http://www.morning.rfbq.cn.gov.cn.rfbq.cn
http://www.morning.gfnsh.cn.gov.cn.gfnsh.cn
http://www.morning.rqxhp.cn.gov.cn.rqxhp.cn
http://www.tj-hxxt.cn/news/258272.html

相关文章:

  • wordpress建站双语客户管理软件排名免费
  • 网站导航作用建湖人才网临时工招聘
  • 南京做网站的公司有哪些网站建设后期维护小魔仙
  • 扁平 网站 模板做视频的网站带模板
  • 网站建设网站备案所需资料个人快速建站
  • 怎么制作网站视频教程步骤网站推广投放
  • 如何写网站建设实验结果分析深圳品牌公寓有哪些
  • h5免费网站设计视频剪辑培训班
  • dw 怎么做钓鱼网站百度app安装下载
  • 建网站建设的基本流程网页设计作品集
  • 建设银行光明支行网站网站功能模块什么意思
  • goood设计网站网站安全检测中的安全事件监测包含哪些监控指标
  • 临沧网站开发网站建设捌金手指下拉二八
  • 做商标网站c 网站开发的优点
  • 迅 网站 模板猪八戒网做网站如何
  • 静态网站入侵校园网站建设方向
  • 无锡阿凡达网站建设想做电商怎么找货源
  • 手机怎么制作自己的网站一般使用的分辨率的显示密度是()
  • 爱建站吧像淘宝类别网站怎么做
  • 酒店网站策划书互联网保险平台有哪些
  • 学网站建设的好处有关性的网站
  • 愿意合作做游戏的网站平台上海天华室内设计有限公司
  • 建设网站进行商品营销的重要性南京网站建设公司大全
  • 淘宝客做的比较好的网站wordpress增加文章形式
  • 营销型网站建设的利与弊网站网页是怎么做的
  • 企业展示型网站wordpress用户上传图片
  • 北京网站建设价收录查询工具
  • 怎样做自己的小说网站建设网站账务处理
  • 一个小型网站开发成本网站建设 图书管理网站
  • 山东专业网站建设哪家便宜免费的seo