![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
Master-Tang
这个作者很懒,什么都没留下…
展开
-
Spring Boot+Vue实现Socket通知推送
这一步我们通过userId作为标识符,区分系统中对应的用户,后续也可基于此,进行其他的操作步骤。创建工具类websocket.js,这里的userId就是用来作为标识符的userId。首先我们需要引入WebSocket所需的依赖,以及处理输出格式的依赖。在任意你想建立连接的页面中建立Socket连接。在这里可以使用原型,创建连接对象,并启动连接。这个时候,你就可以通过后端的接口进行发送了。在你想监听的页面,使用监听器进行监听。通过接口,向前端用户推送消息。比如,在用户点击登录按钮之后。原创 2023-04-03 17:42:35 · 2196 阅读 · 2 评论 -
UniApp开发H5引入Vant
第一步:下载安装vant第二步:main.ts引入Vant不管是js还是ts,Vue.use()他就对了也可以结构后按需导入第三步:App.vue中引入全局样式,两种import都试试,里面坑多第四步:就可以使用它了Vant 3 - Lightweight Mobile UI Components built on VueLightweight Mobile UI Components built on Vuehttps://vant-contrib.gitee.io/vant/#/原创 2022-10-19 10:16:40 · 2503 阅读 · 3 评论 -
UniApp+Vue3.2+ts实现请求API配置
创建api文件夹,将所有的请求放在此文件夹中,在该文件夹中创建test.ts文件。4.在页面中请求测试。原创 2022-10-11 14:20:46 · 1973 阅读 · 4 评论 -
tomcat实现项目前后端分离
前端打包后,放到tomcat/webapps/ROOT下后端打包后,放到tomcat/webapps下访问前端:ip:8080访问后端:ip:8080/后端打包的包名原创 2022-04-15 17:19:07 · 1256 阅读 · 0 评论 -
父组件向子组件传递异步参数,子组件获取不到值(开发小记)
父组件向子组件传递参数,父组件传递的参数需要通过异步实现赋值,在加载时,会发现子组件可能取不到传递过来的参数。原创 2022-04-13 15:26:27 · 685 阅读 · 0 评论 -
Vue+Echarts实现仪表盘(开发小记)
目标图案:创建组件DashBoard.vue:<template> <div id="dashboardHumidity" style="height: 100%"></div></template><script>export default { name: "DashBoard", props: { // 正常的业务数据,对应echarts仪表盘配置中series[0].data se..原创 2022-04-08 09:19:04 · 2477 阅读 · 0 评论 -
vue+openlayers构建第一个项目
第一步:构建一个新的vue项目用脚手架@vue/clinpm install -g @vue/cli创建项目,ESLint可以先不用,有点碍事vue init webpack vue-openlayers用开发工具打开项目,跑起来看看有没有问题npm installnpm run dev第二步:安装olnpm install ol第三步:创建地图组件mapView<template> <div id=...原创 2022-03-29 17:29:10 · 7231 阅读 · 0 评论 -
el-table文字缩略显示(开发小记)
........<el-table :data="list" element-loading-text="Loading" border fit style="width: 100%" highlight-current-row > <el-table-column label="回复内容" prop="replyMessage" :show-overflow-tooltip="true".原创 2021-04-23 18:39:40 · 862 阅读 · 0 评论 -
实现本地绝对路径图片的浏览器显示
SpringBootControlller代码:@RequestMapping("/tb-user")@GetMapping(value = "imgInfo",produces = MediaType.IMAGE_JPEG_VALUE) public byte[] imgInfo(String path) throws Exception { byte[] bs=null; File file = new File(path); if (原创 2021-04-20 21:02:35 · 995 阅读 · 0 评论 -
正则验证笔记
!/.../中间为表达式姓名正则:if (!/^([\u4e00-\u9fa5]{2,20}|[a-zA-Z.\s]{2,20})$/.test(this.form.adminName)) { error = "姓名长度必须为2-20个字符\n";}手机号正则:if(!/^1[0-9]{10}$/.test(this.form.adminTel)){ error = "请输入十一位手机号\n"; this.form.admin原创 2021-02-17 12:57:38 · 252 阅读 · 0 评论 -
el-input限制只能输入数字(开发小记)
输入框中限制通常有三种处理方法第一种:设置type属性(不推荐)设置type属性为number,text等等,此方法输入框的后面会有不必要样式出现<el-input type="number"></el-input>第二种:在属性中添加onkeyup或者oninput进行正则判断onkeyup,oninput,onchange各有好坏,在这里,推荐onkeyup,在要求不是太高的系统中可以这样使用<el-input v-model="fo原创 2021-01-05 22:46:39 · 3721 阅读 · 0 评论 -
element中过滤器filters的使用(开发小记)
之前在开发过程中遇到这么一个问题,一串数据需要在el-table中展示,其中含有金额字段,需要将其转换成标准数据格式,即三位一个逗号间隔。今年刚毕业就上手项目了,第一次接触的Vue,开发经验少,也忘记了有过滤器这个玩意儿,傻傻的写下了这种为自己震撼的数据处理,这仅仅是一个微不足道的小界面,这样的数据处理有上千行的????,做完还挺佩服自己,哈哈哈!!for (let argument of this.selectConfirmList) { argument.bal原创 2020-10-16 08:49:05 · 1993 阅读 · 0 评论 -
vue 通过css实现输入框居中输入
今天开发时突然想写blog了,水一下(o゚v゚)ノcss代码.inputStyle { text-align: center;/*主要就是这个,下面的都是样式*/ width: 6rem; height: 2.5rem; border: 1px solid #5a5e66; font-size: 14px; line-height: 48px; border-radius: 25px; outline: none /*outline原创 2020-09-12 23:14:19 · 2074 阅读 · 1 评论 -
vue将数字转换为汉字大写
smalltoBIG(price) { let fraction = ['角', '分']; let digit = ['零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖']; let unit = [['圆.', '万,', '亿,'], ['', '拾', '佰', '仟']]; let head = price < 0 ? '欠' : ''; price = Math.a.原创 2020-08-11 18:02:44 · 2443 阅读 · 2 评论 -
Vue中子传父$emit的使用方法
子组件<Quarter.vue>想要把selectSeason方法里面的showValue值传到父组件中这一块很简单selectSeason(i) { let that = this that.season = i + 1 let arr = that.valueArr[i].split('-') that.getValue(that.year + arr[0] + '-' + that.year + arr[1]) th原创 2020-07-21 21:15:31 · 1867 阅读 · 0 评论 -
Element 季度选择器+导入
苦恼于element没有季度选择器,网上搜罗后整理实现,以便后期开发使用同文件夹下新建一个vue界面,命名为Quarter.vue<template> <el-form> <el-form-item> <mark class="_mark" v-show="showSeason" @click.stop="showSeason=false" ></mark>原创 2020-07-21 17:17:02 · 801 阅读 · 0 评论