爱前端灬不爱恋爱的博客

有一些验证不是通过input select这样的受控组件来触发验证条件的 可以通过自定义验证的方法来触发~比如上传文件必填的校验 要通过验证fileList是否为空来判断~//:show-message 绑定验证条件 (验证条件 在提交时判断两个文件都上传)//error 提示信息 <el-form-item label="封面图片:" label-width="120px" required :show-message="fileReq

CommTable.vue table组件 目前只是简单的展示 后续会再迭代<template> <div> <el-table :data="tableData" :showHeader="showHeader" border :spanMethod="spanMethod ? spanMethod : null" element-loading-text="加载中..." v-loadin

<el-cascader ref="problemCascader" :key="problemsListKey" v-model="problemIds" size="mini" :options="problemsList" :props="cascaderPros" filterable></el-cascader>之前网上解决方法都是加一个key 然后数据变化时 改变keywatch监听 problemIds problemIds(){ this.pr.

一：安装npm install vue-quill-editor -S二：挂载//全局// main.jsimport Vue from 'vue'import VueQuillEditor from 'vue-quill-editor'import 'quill/dist/quill.core.css' import 'quill/dist/quill.snow.css' import 'quill/dist/quill.bubble.css'Vue.use(VueQuillE

方法一： <el-table-column> <template slot="header"> <time-sort @sortTime="sortTime"></time-sort> </template> <template slot-scope="{row}" > <div class="infoData">

一：引入防抖函数export const debounce = (fn, t) => { let delay = t || 500; let timer; return function() { let args = arguments; if (timer) { clearTimeout(timer); } timer = setTimeout(() => {

//vue <el-upload ref="upload" class="upload-demo" action :auto-upload="false" accept=".xlsx,.xls" :limit=limit :before-upload="beforeUpload" :on-remove="handleRemove" :on-exceed="handleExceed"

在实际项目中遇到一些对数据处理 复用率比较高的时候 可以用到计算属性,或者在methods封装一个方法,但是有时候使用过滤器也是可行的案例： 我的item.img数据为 “http://p1.meituan.net/w.h/movie/648bbced128324a4b4ccf7db6c564a251744344.jpg”现在要把其中的 /w.h/ 替换成 宽和高全局定义一个过滤器,局...