vue
苏格拉的底
有问题请联系我zouxiong666@qq.com
展开
-
若依前后端部署
1、前端:ruoyi-ui:右键package.json生成dist文件夹,复制到服务器上2、后端:使用maven>clean>package生成target的jar包,把jar包复制到服务器文件夹下。在dist文件夹夹下新建一个WEB-INF新建web.xml文件<?xml version="1.0" encoding="UTF-8"?><web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"原创 2022-04-12 23:08:36 · 953 阅读 · 0 评论 -
vue web-view引入网页内容
<template> <view> <web-view :src="url_"></web-view> </view> </view></template><script> export default { data() { return { url_:"http://xxx.com/privacy-policy.html" }; }, onL原创 2022-03-31 09:07:40 · 3497 阅读 · 0 评论 -
Uni-app中几种常用的提示框
1、成功提示框提交表单的时候,提交成功弹出的提示框。uni.showToast({ title: '提交成功', duration: 2000});2、加载框uni.showLoading({ title: '加载中'});setTimeout(function () { uni.hideLoading();}, 2000);3、去掉图标,只显示文字提示框uni.showToast({ title: '请填写员工工号', icon:'none', duration原创 2022-03-27 20:37:00 · 7690 阅读 · 1 评论 -
VUE 判断是否存在某个值
let barginFlag=[1,2,3,4];let a=3;let b=9;//存在,flag1==0let flag1= barginFlag.findIndex(item => item=== a)console.log(flag1)//不存在:flag2==-1let flag2= barginFlag.findIndex(item => item=== b)console.log(flag2)原创 2022-03-27 20:31:25 · 3996 阅读 · 0 评论 -
vue动态class点击没反应
:class="item.id==activeId?'active-list':'search-list'"vue动态class点击不显示的时候,没反应,在动态的class后加一个!important原创 2022-03-25 11:31:06 · 4428 阅读 · 0 评论 -
vue js判断字符是中文,英文,数字
//验证是否是中文 var pattern = new RegExp("[\u4E00-\u9FA5]+"); var str = "中文字符" if(pattern.test(str)){ alert('该字符串是中文'); } //验证是否是英文 var pattern2 = new RegExp("[A-Za-z]+"); var str2 = "abcdefsgaaweg" if(pattern2.test(str2)){ alert('该字符原创 2022-03-25 11:28:05 · 5424 阅读 · 0 评论 -
vue中的空格使用
  == 普通的英文半角空格  == ==   == no-break space (普通的英文半角空格但不换行)  == 中文全角空格 (一个中文宽度)  ==   == en空格 (半个中文宽度)  ==   == em空格 (一个中文宽度)  == 四分之一em空格 (四分之一中文宽度)原创 2022-03-25 11:26:21 · 12196 阅读 · 0 评论 -
解决日期转换异常 JSON parse error: Cannot deserialize value of type `java.util.Date` from String
vue Spring 传参时,日期 date类型,前端传入日期字符串【带有时分秒】,bean类接收JSON转换异常问题,异常详情如下Cannot deserialize value of type `java.util.Date` from String "2020-08-12 11:45:12": not a valid representation (error: Failed to parse Date value '2020-08-12 11:45:12': Cannot parse date原创 2021-07-22 02:03:17 · 4392 阅读 · 0 评论 -
若依角色菜单
若依框架系统的角色管理管理联动菜单原创 2021-07-08 11:31:12 · 1138 阅读 · 1 评论 -
admin框架左菜单栏完全伸缩
若依vue改左菜单栏完全伸缩src/assets/styles/sidebar.scss原创 2021-07-08 08:41:23 · 609 阅读 · 0 评论 -
Java项目中高并发问题的简单解决方案
Java项目中高并发问题的简单解决方案1、尽量使用缓存技术来做。用户缓存,页面缓存等一切缓存,使用特定的机制进行刷新。利用消耗内存空间来换取用户的效率,同时减少数据库的访问次数。2、把数据库的查询语句进行优化,一般复杂的SQL语句就不要使用ORM框架自带的做法来写,采用自己来写SQL,例如hibernate的hql中的复杂语句就会很耗时。3、优化数据库的表结构,在关键字、主键、访问率极高的字段中加入索引。但尽量只是在数字类型上面加,因为使用字段is null 的时候,索引的效果就会失效。4、报表统计原创 2021-07-05 14:38:17 · 3848 阅读 · 0 评论 -
vue常见面试题
vue常见面试题1.vue优点?答:轻量级框架:只关注视图层,是一个构建数据的视图集合,大小只有几十kb;简单易学:国人开发,中文文档,不存在语言障碍 ,易于理解和学习;双向数据绑定:保留了angular的特点,在数据操作方面更为简单;组件化:保留了react的优点,实现了html的封装和重用,在构建单页面应用方面有着独特的优势;视图,数据,结构分离:使数据的更改更为简单,不需要进行逻辑代码的修改,只需要操作数据就能完成相关操作;虚拟DOM:dom操作是非常耗费性能的, 不再使用原生的dom操原创 2021-07-05 15:28:28 · 150 阅读 · 0 评论 -
sql语句按时间查最新的5条
sql语句按时间查最新的5条select name,create_time from lock_feedback ORDER BY create_time desc LIMIT 5原创 2021-06-30 08:54:32 · 736 阅读 · 0 评论 -
vue的dialog显示分页失败
vue的dialog显示分页失败在elementUI使用el-table,操作栏有个按钮需要弹出一个dialog,根据表id条件查询的,结果F12,network下面的list没有带pageNum,正常的应该是这样的,list?pageNum=1&pageSize=10,导致我分页显示全部在一页。解决,在传参的时候,传id查询的时候把分页当做参数传过去。...原创 2021-06-28 23:51:02 · 759 阅读 · 2 评论 -
router二次跳转不刷新的问题
router路由页面二次跳转不刷新数据的问题,已经带参了二次请求的时候本来打算在count页面带参跳转到devicecount页面按钮 <el-button size="mini" type="text" icon="el-icon-tickets" @click="handleDetail(scope.row)" v-hasPermi="['lock:device:detail']">主要是一个@click方法/** 查看详情 */ handleDetail(row)原创 2021-06-24 15:47:27 · 766 阅读 · 0 评论 -
2021-06-24
今天遇到一个这个问题说是什么类型不对,结果找到最后我类型没有定义错,接口写错了,也保证错误。request.js?b775:72 Uncaught (in promise) Error: Failed to convert value of type ‘java.lang.String’ to required type ‘java.lang.Long’; nested exception is java.lang.NumberFormatException: For input string: “use原创 2021-06-24 02:27:17 · 286 阅读 · 0 评论 -
vue v-if prop使用
vue v-if prop使用vue里面的v-if判断是是什么属性的时候使用,<el-table-column label="事件信息" align="center" prop="eventInfo" > <template slot-scope="scope"> <p v-if="scope.row.eventInfo=='1'"> 报警 </p> <p v-else-if="scope.r原创 2021-06-24 01:07:36 · 1511 阅读 · 0 评论 -
elementUI的vue的列表图片悬浮,鼠标移动去图片放大。
<el-table-column label="图片" align="center" prop="picture" > <template slot-scope="scope"> <el-popover placement="right" trigger="hover"> <img :src="scope.row.picture" style="width:200px;height:350px;原创 2021-06-20 12:48:32 · 2867 阅读 · 0 评论 -
vue 使用echarts
vue使用echarts的方法:https://www.freesion.com/article/99851407342/<!-- THIS EXAMPLE WAS DOWNLOADED FROM https://echarts.apache.org/examples/zh/editor.html?c=line-marker--><!DOCTYPE html><html style="height: 100%"> <head>原创 2021-06-09 00:34:09 · 119 阅读 · 1 评论 -
vue页面时间显示
vue页面时间显示https://www.cnblogs.com/emmawang1988/p/13426584.html原创 2021-06-08 23:09:26 · 328 阅读 · 0 评论 -
vue的elementUI分两列
<el-row><el-col :span="12"><div class="grid-content"></div></el-col><el-col :span="12"><div class="grid-content"></div></el-col></el-row>原创 2021-06-03 17:23:42 · 4720 阅读 · 0 评论 -
springboot+vue显示数据(axios)
springboot+vue显示数据https://www.cnblogs.com/mike-mei/p/13597036.html#_label2原创 2021-06-01 08:46:57 · 306 阅读 · 0 评论 -
vue项目包名介绍
vue项目包名介绍原创 2021-05-29 01:06:43 · 450 阅读 · 0 评论 -
vue前端页面项目的创建
使用hbuilder新建项目vue原创 2021-05-25 13:01:41 · 66 阅读 · 1 评论 -
微信小程序使用vue使用mpvue
先下载安装node.jsnode -v查看安装的node版本npm cache clean --forcenpm set registry https://registry.npmjs.org/npm install npm -gnpm install -g vue-clinpm cache clean –forcevue init mpvue/mpvue-quickstart mpvue一直回车就好 最后Y结束cd mpvuenpm installnpm run dev启动最开始是原创 2021-05-25 08:38:58 · 430 阅读 · 0 评论 -
vue--reverse文本值颠倒
<!DOCTYPE html><html><head><meta charset="utf-8"><title></title><script src="vue.js" type="text/javascript" charset="utf-8"></script></head><body><div id="example"> <p>Origi.原创 2021-05-25 08:32:12 · 264 阅读 · 0 评论 -
vue单选多选,文本域,选择框
vue单选多选,文本域,选择框<!DOCTYPE html><html><head><meta charset="utf-8"><title></title><script src="vue.js" type="text/javascript" charset="utf-8"></script></head><body><div id="app"> <原创 2021-05-25 08:32:29 · 339 阅读 · 0 评论 -
按钮点击增加数值,点击greet弹出alert abc
按钮点击增加数值,点击greet弹出alert abc<!DOCTYPE html><html><head><meta charset="utf-8"><title></title><script src="vue.js" type="text/javascript" charset="utf-8"></script></head><body><div id="a原创 2021-05-25 08:33:00 · 134 阅读 · 0 评论 -
vue生命周期
vue生命周期<!DOCTYPE html><html><head><meta charset="utf-8"><title></title><script src="vue.js" type="text/javascript" charset="utf-8"></script></head><body><div id="app"> {{msg}}<原创 2021-05-25 08:33:10 · 40 阅读 · 0 评论 -
new Vue data改变 div class属性
new Vue data改变 div class属性<!DOCTYPE html><html><head><meta charset="utf-8"><title></title><script src="vue.js" type="text/javascript" charset="utf-8"></script></head><body><div id="di原创 2021-05-25 08:33:23 · 299 阅读 · 0 评论 -
vue-----v-forList
vue-----v-forList<!DOCTYPE html><html><head><meta charset="utf-8"><title></title><script src="vue.js" type="text/javascript" charset="utf-8"></script></head><body><div id="app"> &原创 2021-05-25 08:33:35 · 489 阅读 · 0 评论 -
vue用key管理可重复用的元素
<!DOCTYPE html><html><head><meta charset="utf-8"><title></title><script src="vue.js" type="text/javascript" charset="utf-8"></script></head><body><div id="root"> <te..原创 2021-05-25 08:33:50 · 148 阅读 · 0 评论 -
vue侦听器
vue侦听器<!DOCTYPE html><html><head><meta charset="utf-8"><title></title><script src="vue.js" type="text/javascript" charset="utf-8"></script></head><body><div id="watch-example"> &.原创 2021-05-25 08:34:22 · 102 阅读 · 0 评论 -
vue显示过滤排序
script判断了除2余0的结果。<!DOCTYPE html><html><head><meta charset="utf-8"><title></title><script src="vue.js" type="text/javascript" charset="utf-8"></script></head><body><div id="app"> &原创 2021-05-24 21:15:11 · 117 阅读 · 0 评论 -
.lazy-.number-.trim-.kebab-case-.PascalCase
.lazy在默认情况下,v-model 在每次 input 事件触发后将输入框的值与数据进行同步 (除了上述输入法组合文字时)。你可以添加 lazy 修饰符,从而转为在 change 事件_之后_进行同步:<!-- 在“change”时而非“input”时更新 --><input v-model.lazy="msg">.number如果想自动将用户的输入值转为数值类型,可以给 v-model 添加 number 修饰符:<input v-model.numbe原创 2021-05-24 21:12:30 · 88 阅读 · 0 评论 -
Vue.component--tab
点击不同的bar显示不同的信息全局注册的行为必须在根 Vue 实例 (通过 new Vue) 创建之前发生<!DOCTYPE html><html> <head> <title>Dynamic Components Example</title> <script src="vue.js"></script> <style> .tab-button {原创 2021-05-24 21:10:00 · 227 阅读 · 0 评论 -
vue computed计算拼接
vue computed<!DOCTYPE html><html><head><meta charset="utf-8"><title></title><script src="vue.js" type="text/javascript" charset="utf-8"></script></head><body> <div id="demo">{{ ful原创 2021-05-24 21:07:45 · 460 阅读 · 0 评论 -
vue-todo
vue-todo按钮添加todo点击add添加<!DOCTYPE html><html><head><meta charset="utf-8"><title></title><script src="vue.js" type="text/javascript" charset="utf-8"></script></head><body><div id="todo原创 2021-05-24 21:04:59 · 87 阅读 · 0 评论 -
vue--v-if
vue–v-if方法判断new Vue中的data-type的值<!DOCTYPE html><html><head><meta charset="utf-8"><title></title><script src="vue.js" type="text/javascript" charset="utf-8"></script></head><body><div原创 2021-05-24 21:03:06 · 84 阅读 · 0 评论 -
vue.components
<!DOCTYPE html><html><head><meta charset="utf-8"><title></title><script src="vue.js" type="text/javascript" charset="utf-8"></script></head><body><div id="app"> <button-counter&.原创 2021-05-24 21:00:29 · 91 阅读 · 0 评论