AI导航网
微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦！
ElementUI常遇到的一些问题
一、form下面只有一个input时回车键刷新页面   原因是：触发了表单默认的提交行为，给el-form加上@submit.native.prevent就行了。<[email protected]><el-form-itemlabel="编号"><el-inputv-model="query.orderNo":placeh
项目第二天elementUI,promise
Async和Await针对异步编程，我们学习过Ajax的回调形式，promise的链式调用形式ajax回调模式//回调形式调用$.ajax({  url,  data,  success:function(result){    $.ajax({      data:result,      success:function(res
elementui table多选回显
<template><el-table@selection-change="handleSelectionChange":row-key="getRowKeys"><!--type必须是selection的一列设置reserve-selection属性--><el-table-columntype="selection":reserve-selection
自定义elementUI中的$confirm弹出框 内容、图标、样式
原生API：MessageBox提示框使用element-ui的$confirm弹出框，它的默认样式如下：   但是往往我们在项目中根据需求会定制化，进行弹框内部的自定义内容或样式：1、交换取消和确定按钮： 利用消息框的自定义类名customClass深度修改按钮位置。this.$confirm('此操作将永久删除该
springboot+jwt+shiro+vue+elementUI+axios+redis+mysql完成一个前后端分离的博客项目笔记,帮填坑
根据B站up主MarkerHub视频制作的一个笔记我的博客B站博主链接：https://www.bilibili.com/video/BV1PQ4y1P7hZ?p=1博主的开发文档:https://juejin.cn/post/6844903823966732302部署视频https://www.bilibili.com/video/BV17A411E7aE?p=1up主的部署文档https://juejin.
Vue ElementUI Dialog组件重新渲染的两种方法
1、Dialog组件重新渲染两种方法：（1）设置key，强制组件重新渲染a、直接在key上绑定newDate().getTime()<el-dialogtitle="部门编辑":visible.sync="dialogFormVisible"@close="closeDialog"><!--key直接绑定一个时间，最简单--><de
vue+elementui输入框限制只能输入0和正整数
方法封装limit.js/**  *只能输入0和正整数  *@param{string}value  *@returns{string|number}返回空字符或数字  */  integerZeroFn(value){   letreg=/^(0|\+?[1-9][0-9]*)$/;   letstrArray=value.split("");  
企业快速开发平台Spring Cloud+Spring Boot+Mybatis+ElementUI 实现前后端分离之架构解析
   鸿鹄云架构【系统管理平台】采用服务化的组件开发模式，可实现复杂的业务功能。是一个大型企业、分布式、微服务、云架构的JavaEE体系快速研发平台使用当前最流行最先进的开源技术实现服务组件化及管理，真正为企业打造分布式、微服务、云架构平台。J2EE企业分布式微服务云快
今天玩vue+elementui,在组件导入上面浪费了好多时间
如果界面上连基本的组件的样子都没有，只有字的话，说明没有导入js或者ts。如果界面上有组件的样子，但是组件样式明显不对，比如说字体过大之类的，说明没有导入css。以后使用vue时，如果要用elementui等组件库的话，在复制component之前，应该首先在vue项目的入口main文件里，加上js的导入和
elementUI事件回调函数传默认值和自定义参数的问题
1、如果只传递一个默认值$event只能传递check-change的第一个默认参数data。true为自定义的参数。 2、传递check-change的多个默认的参数可以通过在回调函数里定义自己的参数的形式来保留默认参数，同时也可以自己传参数
ElementUI的表格中如何用switch开关表示状态？
methods:{changeSwitch(status){//调用后台修改接口console.log(value);}},data(){return{tableData:[{key:“XS1115”,value:“16637531877”,describle:“在线”,status:1,createName:“张三”,createTime:“1993-01-16”,},{key:“XS1115”
elementui时间线自定义版本
<!DOCTYPEhtml><htmllang="en"><head> <metacharset="UTF-8"> <title>Document<itle> <style> *{ margin:0; padding:0; } .items{ margin:50px; } .item{ font-size:13px; color:#6
ElementUI el-upload上传图片限制， before-upload 不生效问题
因为before-upload是指在文件上传之前、文件已被选中，但还没上传的时候触发，而设置了:auto-upload=“false”后，文件上传事件不被再次调用，，所以before-upload不生效，所以，限制图片大小和格式的时候，需绑定在:on-change里面 <el-upload class="upload-demouploadTwo"
elementui table中判断属性
<el-table-columnlabel="状态"min-width="80px":show-overflow-tooltip="true"><templateslot-scope="scope">{{scope.row.status==0?"正常"
ElementUI 的Tree Tree 菜单树形控件
Tree树形控件Tree树形控件Tree树形控件用清晰的层级结构展示信息，可展开或折叠。基础用法基础的树形结构展示。<el-tree:data="data":props="defaultProps"@node-click="handleNodeClick"></el-tree><script>exportdefault{data(){return{data:[{label:
vue + elementUI 使用iconfont-阿里巴巴矢量图
1,创建一个项目  2.将要使用的图标加入购物车,然后添加至创建的项目中3.将项目下载,解压的全部文件保存至项目中src/assets/icon(自建文件夹中)4. import './assets/icon/iconfont.css'//引入阿里矢量图标css 5.使用