- 博客(53)
- 收藏
- 关注
原创 vue3+vite动态路由的实现
之前写过一个一篇关于的文章,状态管理用的,需要参考的可以看下现在把项目换成,有些地方不同,关于路由的处理也有所改变,所以重新记录一下需要用到。
2024-04-16 16:32:26 936 5
原创 随手记:uni-app中使用iconfont彩色图标
3、安装npm install -g iconfont-tools(首次使用安装)4、输入iconfont-tools会生成一个文件夹。5、打开这个文件夹,用里面的相应的css就行。2、将下载的压缩文件解压,cmd打开控制台。1、打开阿里巴巴矢量库。
2024-01-31 09:58:39 1161 1
原创 el-select实现el-option可编辑
核心代码如下,注意el-input不要使用@focus,会导致el-select面板收起来;使用@click.native.stop即可。点击编辑图标对选择项进行修改。鼠标悬浮出现编辑图标。
2023-07-20 15:25:50 1711 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 353
原创 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 3125
原创 当前的网址映射成一个静态服务器网址
背景:写了一个index.html,从开发软件直接选个浏览器打开,地址会像这种http://localhost:63343/index.html,但这只是开发者可以这样访问,如果另外一个人也想看看你写的效果,要怎么弄呢?打开终端,进入该项目文件下 安装anywhere :npm install anywhere -g 查看目前端口使用情况:anywhere --help 指定一个端口打开:anywhere -p 80 最后浏览器输入网址即可预览...
2022-05-20 17:45:12 444
原创 递归实现在级联选择器中选择部门下的人员
说明:此篇只记录如何用JavaScript递归处理数据,效果图参考 仅使用for循环遍历数据,点此跳转 getDepartmentMember() { this.$axios({ url: window.config.baseUrl + '/xx', method: 'GET', params: {}, ..
2022-05-09 11:08:31 451
原创 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 588
原创 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 145
原创 文件上传、下载、在线预览、删除
<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 329
原创 总结:表格中选择不同材料
情况一:仓库在表格行外<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 90
原创 el-select 自定义创建条目时,只能选择一个或者输入一个
如图所示当选择甲方时,甲方代表只能选择一个,且不能自行输入;当甲方代表没有人员可以选择时,可以自行输入创建一个人员代码 <el-form-item label="甲方" prop="partyAName"> <el-select v-model="AddContractForm.partyAName" @change="customerCompanyChangeA" placeholder="请选择甲方公司" clearable>
2021-08-25 14:36:13 3983
原创 表单里面嵌套表格之后,如何对表格里面的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 843 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 1408
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人