Vue学习
大图书馆的牧羊人
这个作者很懒,什么都没留下…
展开
-
vue sweetalert提示框和layui-layer提示框
1.sweetalert提示框效果layui-layer提示框效果2.安装sweetalert或layui-layernpm install --save sweetalertnpm install layui-layer --save-dev3.使用在main.js里面引入这两个库// swal提示框import swal from 'sweetalert';// layer提示框import layer from "layui-layer";注意:layui-layer需原创 2021-09-01 21:28:41 · 460 阅读 · 0 评论 -
Property ‘java.lang.String.date‘ does not exist. SKIPPED。Json 转换成 Java Bean 时报警
原因:Json不能解析JSONObject中的日期格式。如2021-08-31T22:14:22.14+08:00解决方法:加入日期转换的格式。下面代码的第二句特殊的日期格式:2021-08-31T22:14:22.140+08:00 =》 yyyy-MM-dd’T’HH:mm:ss.SSSX(X代表+08:00 东八区,大写的SSS代表毫秒)JSONObject jsonObject = JSONObject.fromObject(request.getParameter("user"));//原创 2021-08-31 21:40:11 · 985 阅读 · 0 评论 -
[Vue]“TypeError: Cannot read property ‘id‘ of undefined“的解决方法
原因一:异步请求数据还没到,vue在拿到数据之前就已经渲染完了页面解决方案数据为数组:hotspotList[i]&&hotspotList[i].itemid例如 <div style="display: flex;justify-content: space-between"> <p class="item-title">{{hotspotList[i]&&hotspotList[i].hotspotTitl原创 2021-08-25 18:08:34 · 9174 阅读 · 0 评论 -
html固定顶部导航栏和底部导航栏
固定顶部导航栏,在样式(css)中加入以下代码 position: fixed; z-index: 1000; right: 0; bottom: 0; left: 0px; top: 0px; width: 100%; background: #eaeaea固定底部导航栏,在样式(css)中加入以下代码 position:fixed; left:0; bottom:0; width: 100%; z-index: 1000; background原创 2021-08-21 11:38:37 · 5291 阅读 · 1 评论 -
Vue前后端Date类型字段格式化处理@JsonFormat和@DateTimeFormat
@DatetimeFormat是将String转换成Date,一般前台给后台传值时用@DateTimeFormat(pattern = "yyyy-MM-dd HH:mm:ss")@JsonFormat将Date转换成String 一般后台传值给前台时用@JsonFormat(locale = "zh", timezone = "GMT+8", pattern = "yyyy-MM-dd HH:mm:ss")...原创 2021-08-21 10:54:11 · 1319 阅读 · 0 评论 -
Vue修改element-ui库的输入框样式--样式穿透
方法:样式穿透1、自定义一个自己的类样式.input_border,内容是调整输入框的弧度border-radius: 30px。2、.el-input__inner是element-ui样式原本的类样式,通过样式穿透(>>>)更改其中的部分内容3、如何确定原本的类样式呢?通过浏览器的右键检查(或F12),右侧的调试框4、如何修改的完整步骤<el-input v-model="input" :class="input_border" placeholder="请输入内容"原创 2021-08-19 17:21:36 · 2205 阅读 · 0 评论 -
vue项目构建过于慢的问题
因为 vue init 使用的是 npm源,是国外的注意:如果命令行运行不了npm命令或vue命令(就是提示命令不存在,则需要以管理员身份运行cmd)1、检查npm源,如果不是taobao的源,则需要切换//查看源,可以看到设置过的所有的源npm config get registry2、设置npm源//设置淘宝源npm config set registry https://registry.npm.taobao.org// 安装cnpm命令,不会改变npm的源npm install原创 2021-08-11 17:51:21 · 5698 阅读 · 0 评论