随笔分类 - 做项目时 vue 常遇问题
摘要:npm i axios 目录 request.ts (直接复制可用) import axios from "axios"; import { showMessage } from "./status"; // 引入状态码文件 import { ElMessage } from "element-pl
阅读全文
摘要:使用 render-header 修改图标, 官方文档有说明 在 el-table-column 添加属性 :render-header="renderHeader" <el-table-column prop="viewsNumber" sortable :render-header="rende
阅读全文
摘要:————————————————版权声明:本文为CSDN博主「xiaoxiaodeDream」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。原文链接:https://blog.csdn.net/weixin_45869725/article/details/121
阅读全文
摘要:主要功能 (表单自定义效验 && 单独效验某个值) 表单自定义效验 export default { data() { // 定义效验 const validatePersonCharge = (rule, value, callack) => { // value 是绑定值的内容 if (valu
阅读全文
摘要:效果 HTML <el-radio-group v-model="form.radio"> <el-radio-button label="0">指定</el-radio-button> <el-radio-button label="1">认领</el-radio-button> <el-radi
阅读全文
摘要:HTML 代码 <el-menu default-active="2" class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose" background-color="#fff" active-text-color="#
阅读全文
摘要:留个地址 ————————————————版权声明:本文为CSDN博主「雪春不想长大」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。原文链接:https://blog.csdn.net/xc_buxiangzhangda/article/details/87707
阅读全文
摘要:需求 : 当选择选择 "分合式移动栈桥", "飞机移动支撑系统", "液压泵站及精加工系统" 的时候为必填, 选择其他为不必填 rules 的验证可以写到 el-form-item 里面 <el-form-item prop="equipSonName" label="设备名称" :rules="[
阅读全文
摘要:为标签添加属性 highlight-current <el-tree :data="treeData" node-key="id" ref="menuTree" highlight-current @node-click="handleNodeClick"> </el-tree> 如果想修改样式 /
阅读全文
摘要:1. 使用 el-date-picker 打开页面就报错 解决办法: 给添加标签添加属性 placement="bottom-start" <el-date-picker type="date" v-model="form.photographTime" format="yyyy-MM-dd HH:
阅读全文
摘要:改变数据结构(添加属性) data: [ { label: '一级 1', whether: false, children: [ { label: '二级2', whether: true } ] }], 触发事件 <el-tree :data="treeData" @node-click="ha
阅读全文
摘要:在 vue 项目中 src 文件夹下创建 utils 文件夹 ( 这个文件夹是专门用来存放全局方法的 ) 在这个文件夹下创建 Methods.js 文件 在这个文件写你需要的方法. 如下: export function message() { alert('111') } 然后再 main.js
阅读全文
摘要:先上代码 <template> <div> <el-table :data="tableData.slice((page - 1) * limit, page * limit)" style="width: 100%"> <el-table-column prop="date" label="日期"
阅读全文
摘要:css样式代码 /* 去除上方横线 */ .switch >>> .el-tabs__nav-wrap::before { content: ''; width: 0 !important; } .switch >>> .el-tabs__nav-wrap::after { content: '';
阅读全文
摘要:<el-upload class="upload-demo"ref="upload"dragaccept=".mp4"action="https://jsonplaceholder.typicode.com/posts/":multiple="false":before-upload="videoB
阅读全文
摘要:HTML 部分 <div class="wrap"> <el-tree :data="testData" ref="tree" show-checkbox :check-strictly="true" :default-expand-all="true" node-key="id" :props="
阅读全文