vue2+element+echarts后台管理实战
战斗中的老段
这个作者很懒,什么都没留下…
展开
-
vue element编辑功能
2.这个时候编辑能正常访问当前行数据但添加页面也出现当前行数据:那就根据title做一个判断 等于编辑的时候就显示数据。1.这个添加是动态的不能写死,点击添加就显示商品添加,点击编辑就是商品编辑。1.编辑页面和添加页面一致 所以 就不用单独去写新的编辑静态页面。用辅助函数读取,一加载页面就显示数据就使用到created。这个时候可以拿到添加页面了 ,下一步进行读数据,显示数据。2-3:在vuex页面导入这个页面并注册这个页面。2-4:在编辑页面导入这个vuex。2-5:操作编辑跳转到新的页面。原创 2023-10-07 14:28:59 · 314 阅读 · 0 评论 -
vue +element 批量删除
4-3:小操作之要求取出来的id是字符串。4-5:批量删除并更新视图和计算分页显示。3-拿到选中的id储存到新的数组里面。4-6:删除的时候做一个提示框。4-批量删除点击事件里边操作。在el-table里边去写。4-4:异步请求接口并删除。4-1:定义一个点击事件。4-2:点击事件里边操作。2-2:公共的请求方法。1.拿到当前勾选状态。原创 2023-10-06 18:15:04 · 1356 阅读 · 0 评论 -
vue wangEditor富文本编辑器 默认显示与自定义工具栏配置
3.怎么拿到编辑器里边的DOM元素通过。:来修改菜单栏和编辑器的配置。2.自定义显示 根据。原创 2023-09-26 15:21:04 · 3215 阅读 · 0 评论 -
vue elemnt封装文件上传 +根据后台接口来上传文件
2.在父组件引入子组件 注册一下组件 来显示文件上传。重要的地方:读到上传图片的地址,拿到这个回显。2.在刚才封装的页面导入这个这个接口。需要用到element 文件上传的。上传的图片尽量使用字母或者数字命名的。1.创建一个新的子页面,放文件上传。动态路径的 就在接口里边封装一个。验证一下 通过后台域名+图片地址。父组件里边的子组件标签来接收。验证完以后还得(静态写法)父组件接收子组件的事件。并把静态的换成动态的。导入这个host模块。原创 2023-09-24 17:48:11 · 665 阅读 · 0 评论 -
vue +element 删除按钮操作 (删除单个数据 +删除页码处理 )
假如如果当前是最后一页的最后一条数据 删除后 获取上一页的数据 判断 this.total总数目。5.删除完数据 下边的分页也要处理 在分页事件里边 把val取出来。6.传递完了给删除接口拿到页,重新把数据渲染到表格里边。4.删除完数据,表格数据也要跟着变动主要是这行代码。删除接口(里边涉及到 删除事件+分页+和重新渲染)在删除第3页面数据 的时候,想在第3页看表格数据。原创 2023-09-21 12:30:44 · 957 阅读 · 0 评论 -
vue element 搜索框根据后台的接口实现模糊查询 + 分页特殊处理+重置表格
5.如果不搜索了怎么让表格数据显示到第一页 给 input加一个焦点事件 鼠标移除 表格列表数据就返回第一页。6.如果查询数据 分页也要跟着变化 在搜索查询接口里边去写。4.请求到接口 那就让列表数据跟着变动。请求查询接口 + 查询事件+焦点事件。原创 2023-09-20 22:29:35 · 1030 阅读 · 0 评论 -
vue 组件公共的方法
我这是取后端数据发现后端给的数据啥样的都有。把这些筛选掉 比如去掉标签 去掉空格。3.在methods里边声明一下。2.在使用的页面导入这个页面。1.首先创建一个公共页面。4.最后一步 使用和这个。原创 2023-09-20 19:43:31 · 625 阅读 · 0 评论 -
vue 封装element公共组件 +后端联调
/ props它里面接受从外面传递的值// default是默认的意思props:{total:{},pageSize:{default:10。原创 2023-09-19 21:39:28 · 637 阅读 · 0 评论 -
element表格 和后台联调
3.获取数据 +直接放到created里边去了 刷新页面就可以看到。2.请求接口(get请求+默认参数page)异步请求接口 + 数据显示。原创 2023-09-19 19:18:51 · 231 阅读 · 0 评论 -
elment table静态表格 +表头居中加粗和表格内居中
header-cell-class-name是element表格自带的参数。cell-class-name是el自带的参数。原创 2023-09-19 15:17:49 · 1507 阅读 · 0 评论 -
element 搜索框静态查询
查询用了一个点击事件 直接获取这两个事件。注意的地方:我把输入框和日期都放到formInline对象里。原创 2023-09-19 13:54:39 · 365 阅读 · 0 评论