爱吃烧烤的技术渣的博客

基于之前表单封装的更改直接上代码了<template> <el-form :ref="refName" :class="[className, inline ? 'inline-form' : '']" :model="data" :inline="inline" :rules="rules" :label-position="labelPosition" :label-width="labelWidth" >

有这么一个需求 就是 页面左侧是树结构的菜单数据 右侧是相关的菜单权限 点击菜单项滚动到对应的菜单权限区域这里最简单的方法就是 在菜单权限区域设置一个唯一的id （这里需要注意id不能全为数字，否则会报错）<div v-for="(item, index) in formatPermission[activeName]" :key="index" :id="...

目前接手的这个项目 有几次遇到过form表单校验未执行的问题 打印this.$refs['formName'].validate出来是以下的结果validate ƒ validate(callback) { var _this2 = this; if (!this.model) { console.warn('[Element Warn][Form]...

在用Vue2 框架进行单页面开发时，开发完成后项目打包到线上环境，发现vendor脚本和app.js均有3.0多M，ttf字体文件有10M之多，首次加载时间都超过20s，实在是慢到不行。先贴上我的解决办法简单粗暴的使用gzip压缩1.在index.js/config中将productionGzip设为true，这里要先安装compression-webpack-plugin，执行 np...

<template> <div class="searchBox"> <div class="searchBoxs"> <el-input placeholder="请输入内容" @keyup.enter.native="searchKeyup" v...

之前只知道router的name不能相同 并不知道会有什么问题发生现在做一个项目 发现之前同事写了几个router的name都相同现在测试发现页面刷线路由会跳转到另一个根据排查 应该是name相同的原因修改之后 不会有这种问题发生了✌记录下来...

关于滚动条的使用1、使用css overflow属性overflow: scroll;2、element的el-scrollbar组件父容器设固定高，el-scrollbar设高为100%，或者给el-scrollbar设固定高<el-scollbar style="height:100%"> <div v-if="files.len...

之前封装的是简单的table 但是因为项目需要，需要为table加上多选或行展开功能，就进行了修改i-table.vue<template> <el-table ref="table" :data="data" :show-header="showHeader" :border="border" :max-height="m...

之前后台说线图文本过长导致图不完整 希望可以文本换行，于是看了v-chart的官网直接在data中设定charSettingsthis.charSettings = { xAxisType: 'value', xAxis: { axisLabel: { interval: 0, //换行显示 ...

项目用的是nuxtjs  需要根据用户类型来显示侧边菜单栏直接上代码了navMenu.vue&lt;template&gt; &lt;div class="navMenu"&gt; &lt;div v-for="(item,index) in navList" v-if="item.userType.indexOf(userType) &gt; -1" :key="

目前正在做的一个项目 因为页面搜索表单是一样的 所以想要封装一个表单组件直接上代码了&lt;template&gt; &lt;el-form :inline="true" :model="value" label-position="right" :label-width="formConfig.labelWidth" :rules="rul

iTable.vue文件<template> <div> <el-table :data="data" :show-header="showHeader" :border="border" :max-height="maxHeight" :v-loading="loading" ...

最近重构一个项目，需要实现带有首页，末页的分页功能，但是element的pagination并没有这样子，最完整功能如下网上搜索了好多，发现有slot可以增加自定义项，但是 <el-pagination background @current-change="handleCurrentChange" :current-page=...