- 博客(24)
- 收藏
- 关注
RSS订阅原创 uniapp使用new Date().toLocaleString导致手机端时间转化NAN
1.默认是这样的，但是到了手机端会显示上午或者下午，用日期转化的时候是NANhttps://img-blog.csdnimg.cn/a653e09d14c9413eab2c3718488485ee.pngdate.toLocaleString()2.要转化一下date.toLocaleString('chinese', {hour12: false})https://img-blog.csdnimg.cn/1b8539df728d42c6b6dde7553110c7df.png...
2022-05-17 10:23:14
724
原创 uniapp安装uView2.0
1、安装npm install uview-ui@2.0.312、在main.js引入import uView from 'uview-ui'Vue.use(uView)3、在page.json"easycom": { "^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"},4、uni.scss跟app.vue @import 'uview-ui/theme.scss';
2022-05-11 09:40:57
1379
原创 vue实现全选单选
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入<template> <view> <!-- 单个复选框 --> <ch
2022-05-05 18:03:32
4315
原创 vue修改各种日期格式
第一种：后端返回的数据格式：2021-12-14 15:01:46.000修改成：2021-12-14接口返回的数据 = /\d{4}-\d{1,2}-\d{1,2}/g.exec(接口返回的数据)第二种：
2021-12-16 11:17:39
1035
原创 vue给后端发送日期格式
// 给后端发送日期格式formatDateValue(now) { var year = this.dateZero(now.getFullYear()); //取得4位数的年份 var month = this.dateZero(now.getMonth() + 1); //取得日期中的月份，其中0表示1月，11表示12月 var date = this.dateZero(now.getDate()); //返回日期月份中的天数（1到31） var hour = this.dateZero(n
2021-12-07 10:26:04
2026
原创 vue的input输入框只能输入数字
<el-form-item label="分数：" :required="true"> <el-input placeholder="请设置评分数" style="width: 90%" v-model="scoringItemsForm.grade"></el-input> </el-form-item><script>// 这里过滤的是除了数字的其他字符function filterInput(val) { .
2021-10-27 14:12:12
1760
原创 vue使用过滤器，文字超出显示省略号
filters: { ellipsis(value) { if (!value) return ""; if (value.length > 12) { return value.slice(0, 12) + "..."; } return value; }, },<span>{{ addressList | ellipsis }}</span>
2021-10-25 15:40:21
574
原创 vue实现点击页面其他地方，隐藏div元素
mounted() { document.addEventListener("click", (e) => { let that = this if (!this.$el.contains(e.target)) { that.videoShow = false; //点击其他区域关闭 } else { that.videoShow = true; } }); },
2021-10-08 15:29:15
2560
原创 Golang配置环境变量
环境变量 1.GOROOT 就是你项目的安装包路径 2.Path 就是你项目安装包路径下面的bin文件夹 3.GOPATH 就是你项目放的位置1.这个GOROOT2.这是Path3.这是GOPATH
2021-09-14 10:11:48
554
原创 vue使用vuex
1.state存放数据获取state数据两种方式（1）this.$store.state（2）<template> <div class="about">count1值：{{ count }}</div> </template> <script> import {mapState} from 'vuex' export default { data() { return {}; }, compute
2021-09-10 15:32:24
67
原创 Golang数据类型
数据类型：（1）基本数据类型（1.1）数值型（1.1.1）整数类型（int、int8、int16、int32、int64、uint、uint8、uint16、uint32、uint64）（1.1.2）浮点类型（float32、float64）（1.2）字符串（1.3）布尔型（2）派生/复杂数据类型...
2021-09-09 14:19:05
124
原创 vue使用element输入框限制小数点前面的数跟后面的数
1.需求是限制到小数点前面五位数，小数点后面两位数<el-input v-model="input" @keyup.native="clearNoNum($event,5)"></el-input>```xmlclearNoNum(obj, digits) { var temp = obj.target.value; if (temp < 0) { obj.target.value = ""; return; } var p
2021-08-23 20:24:27
903
原创 element可控制单选，也可单独单选
1.可以通过总按钮整体控制2.也可以单独选择3.代码<template> <div> <el-radio-group v-model="radio" @change="onChange" style="margin: 50px"> <el-radio :label="3">最高价</el-radio> <el-radio :label="6">最低价</el-radio>
2021-07-27 11:36:33
180
原创 vue的cli3大屏适配
1.创建flexible.js(也可以下载插件 npm i lib-flexible --save )(function (win, lib) { var doc = win.document; var docEl = doc.documentElement; var metaEl = doc.querySelector('meta[name="viewport"]'); var flexibleEl = doc.querySelector('meta[name="flexible"]')
2021-07-26 17:16:12
241
2
原创 解决vue使用openLayers加载高德地图被拉伸
1.使用openLayers加载高德地图的时候，高德地图会被拉伸2.解决方法是（1）引入import { fromLonLat } from “ol/proj”;（2）将 projection: “EPSG:4326”,换成projection: “EPSG:3857”（3）然后 center: fromLonLat([116.403414, 39.924091])3.贴代码initMap() { this.gaodeLayer = new TileLayer({
2021-06-08 16:43:12
1034
原创 css实现移动端横向滚动不换行效果
1.html<div class="content-img"> <div class="contentItem-img"></div> <div class="contentItem-img"></div> <div class="contentItem-img"></div> <div class="contentItem-img"></div> <div cl
2021-06-07 16:35:38
529
原创 vue字段null转字符串
1.创建turnString.js文件// 字段null转字符串export function null2str(data) { for (let x in data) { if (data[x] === null) { // 如果是null 把直接内容转为 '' data[x] = ""; } else { if (Array.isArray(data[x])) {
2021-06-03 17:28:10
1904
原创 flex弹性盒布局最后一行左对齐的实现思路
1.使用display:flex;justify-content:space-between;flex-wrap:wrap;弹性盒最后一行没有靠左对其；2.解决思路，（ i 千万不要删）<div class="list"> <div class="list-item"></div> <div class="list-item"></div> <div class="list-ite...
2021-05-19 15:29:14
800
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人