- 博客(7)
- 收藏
- 关注
原创 vue 如何封装分页组件以及如何调用,持续更新前端分页
span class="demonstration">全</span>// console.log(`每页 ${val} 条`);// console.log(`当前页: ${val}`);console.log(`每页 ${val} 条`);console.log(`当前页: ${val}`);#穿后端的包括当前页数以及每页多少,后端返的赋值的是总页数。有总页数,前后页面,以及页面的跳转。1.首先组件封装,做部分修改。
2024-02-28 20:00:00
914
1
原创 vue 怎么使用svg图配置菜单
2.在icons目录下的index.js文件中配置代码写一个批量导入svg的方法,返回函数有三个属性,分别为keys(),resolve(),id() resolve(req) : req为需要查找的模块的相对路径,返回值为这个模块对应整个工程的相对路径。const req = require.context('./svg', false, /\.svg$/) //获取的是路径数组。1.赋值站粘贴已有的svg图到项目中,位置放在与src目录下的icons中的svg目录下。4.在main.js中引入。
2024-02-27 22:00:00
368
原创 vue 怎么上传文件,单个还是多个
/ 多个的话不要鞋在action中,如下,单独鞋在方法中,重点用到了FormData 的格式上传文件 let formData = new FormData();<el-button size="small" type="primary" @click="submitFn">提交</el-button>// 重点 单个的可以把文件路径写在action中,然后调用submit()方法,:action="/api/upload"此个接口与后端沟通。`).then(() => {message:'已取消提交'
2024-02-01 21:00:00
403
1
原创 vue table表格多选 以及 单击某行选中与取消 全选按钮正常显示
el-table-column prop="name" label="姓名" width="120"> </el-table-column><el-table-column prop="address" label="地址" show-overflow-tooltip><el-table-column label="日期" width="120">address: "上海市普陀区金沙江路 1518 弄",address: "上海市普陀区金沙江路 1518 弄",name: "王小虎",
2024-01-03 22:00:00
1004
1
原创 vue 表格单选 单击某行选中
el-table-column prop="date" label="日期" width="180"> </el-table-column><el-table-column prop="name" label="姓名" width="180"> </el-table-column><el-table-column prop="address" label="地址"> </el-table-column>address: "上海市普陀区金沙江路 1518 弄",name: "王小虎",
2023-12-21 20:30:00
206
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人