- 博客(53)
- 收藏
- 关注
RSS订阅原创 vue3+vite动态路由的实现
之前写过一个一篇关于的文章，状态管理用的，需要参考的可以看下现在把项目换成，有些地方不同，关于路由的处理也有所改变，所以重新记录一下需要用到。
2024-04-16 16:32:26
775
5
原创 随手记：uni-app中使用iconfont彩色图标
3、安装npm install -g iconfont-tools（首次使用安装）4、输入iconfont-tools会生成一个文件夹。5、打开这个文件夹，用里面的相应的css就行。2、将下载的压缩文件解压，cmd打开控制台。1、打开阿里巴巴矢量库。
2024-01-31 09:58:39
1077
1
原创 el-select实现el-option可编辑
核心代码如下，注意el-input不要使用@focus，会导致el-select面板收起来；使用@click.native.stop即可。点击编辑图标对选择项进行修改。鼠标悬浮出现编辑图标。
2023-07-20 15:25:50
1567
3
原创 useHref() may be used only in the context of a ＜Router＞ component
useHref() may be used only in the context of a component
2022-10-19 10:41:18
341
原创 vue3 vite项目打包报错 【Some chunks are larger than 500 KiB after minification】
Some chunks are larger than 500 KiB after minification
2022-07-07 11:33:34
3076
原创 当前的网址映射成一个静态服务器网址
背景：写了一个index.html，从开发软件直接选个浏览器打开，地址会像这种http://localhost:63343/index.html，但这只是开发者可以这样访问，如果另外一个人也想看看你写的效果，要怎么弄呢？打开终端，进入该项目文件下 安装anywhere ：npm install anywhere -g 查看目前端口使用情况：anywhere --help 指定一个端口打开：anywhere -p 80 最后浏览器输入网址即可预览...
2022-05-20 17:45:12
432
原创 递归实现在级联选择器中选择部门下的人员
说明：此篇只记录如何用JavaScript递归处理数据，效果图参考 仅使用for循环遍历数据，点此跳转 getDepartmentMember() { this.$axios({ url: window.config.baseUrl + '/xx', method: 'GET', params: {}, ..
2022-05-09 11:08:31
442
原创 for循环中加入异步代码输出案例
问题：for(var i=0; i < 10; i++) { setTimeout(function() { console.log(i); }, 1000);} //输出10个10原因：setTimeout是异步的，只有主线程上的程序执行结束，才会执行异步函数。在该for循环中，循环10次，就会在队列中加入10个setTimeout，等for循环结束了，才会执行那10个setTimeout。for循环结束时，i=10，因此会输出10个1
2021-10-13 16:24:13
576
原创 vue修改网页title
vue.config.jschainWebpack: (config) => { config .plugin('html') .tap(args => { args[0].title = 'xxx管理系统' return args }) }public/index.html<title>xxx管理系统</title>效果图
2021-09-22 10:44:43
135
原创 文件上传、下载、在线预览、删除
<el-dialog title="上传文件" :visible.sync="upload_flag" custom-class='dialogClass' width="30%"> <div> <el-cascader v-model="filePath" style="width: 200px" :o..
2021-09-03 10:48:01
318
原创 总结：表格中选择不同材料
情况一：仓库在表格行外<el-dialog width="50%" title="查询材料信息" :visible.sync="purchaseOrder" > <el-table :data="purchaseList" style="width: 100%;max-height: 400px;" @row-click="getSelectRow
2021-08-31 14:08:39
84
原创 el-select 自定义创建条目时，只能选择一个或者输入一个
如图所示当选择甲方时，甲方代表只能选择一个，且不能自行输入；当甲方代表没有人员可以选择时，可以自行输入创建一个人员代码 <el-form-item label="甲方" prop="partyAName"> <el-select v-model="AddContractForm.partyAName" @change="customerCompanyChangeA" placeholder="请选择甲方公司" clearable>
2021-08-25 14:36:13
3903
原创 表单里面嵌套表格之后，如何对表格里面的input框进行表单验证
如图所示：首先表格数据要绑定表单里面的数据。如表单addUnitForm的erpContacts数组通过插槽的scope.$index来找到绑定的数据，即每个el-form-item的prop属性代码： <el-form :model="addUnitForm" :rules="addUnitFormRules" ref="addUnitFormRef" label-width="110px"
2021-08-13 09:23:17
835
2
原创 el-cascader 级联选择器取消radio按钮，实现点击label选中
级联选择器取消radio按钮，实现点击label选中首先在App.vue中加入全局样式，如果在单个组件加入样式无效.el-cascader-panel .el-radio{ width: 100%; height: 100%; z-index: 10; position: absolute; top: 10px; right: 10px;}.el-cascader-panel .el-radio__input{ visibility: hidden;}.el-casc
2021-08-12 17:34:54
1374
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人