VUE
墨着染霜华
无论从事什么行业,只要做好两件事就够了,一个是你的专业、一个是你的人品,专业决定了你的存在,人品决定了你的人脉,剩下的就是坚持,用善良专业和真诚赢取更多的信任。
展开
-
Vue项目区分手机端访问还是电脑端访问
项目中可以在App.vue 判断访问端,然后转向不同的页面。原创 2022-12-23 16:42:50 · 663 阅读 · 0 评论 -
NodeJs安装教程
记录一个已实践过的比较全的教程。原创 2022-11-21 10:12:01 · 96 阅读 · 0 评论 -
ivew button 使用自定义图标
Tooltip content="停用" transfer v-if="row.qy ==1" >原创 2022-09-29 14:28:24 · 1080 阅读 · 0 评论 -
IVIEW Table/Div 自适应高度
【代码】IVIEW Table/Div 自适应高度。原创 2022-08-22 16:02:30 · 438 阅读 · 0 评论 -
Spring Boot Actuator 管理日志
为了解决以下两个问题:1、单JAR包应用查看日志需要的时候如果需要远程访问服务器登录查看日志,那样相对比较麻烦2、生产环境为了解决BUG需要临时更换日志级别,总不能重启服务来解决吧所以使用了actuator 其中的部分来解决这两个问题。首先在POM文件中引入actuator依赖:配置文件中配置: 然后直接可以访问 http://localhost:8085/actuator得到下列结果:{"_links":{  原创 2022-07-04 13:28:14 · 1350 阅读 · 0 评论 -
IFRAME 嵌套报Refused to display ‘http://...‘ in a frame because it set ‘X-Frame-Options‘ to ‘deny‘.解决方式
vue 使用 ifame 嵌套网页的时候报 Refused to display 'http://192.168.179.62:8781/' in a frame because it set 'X-Frame-Options' to 'deny'. 错误这是被后端拒绝了,然后我百度了一下更改了 spring security 的配置 结果又报下面的错误 这样设置应该是相同域名才可以访问。然后 我用 http.headers().frameOptions().disable(); //禁用 这原创 2022-07-04 11:53:12 · 12136 阅读 · 3 评论 -
Uniapp 显示HTML文本或者内嵌网页
参考代码 <web-view v-if="noticeList.noticeUrl" :src="noticeList.noticeUrl"></web-view> <text v-else class="html-text-box" v-html="noticeList.noticeContent" ></text>web-view 内嵌网页v-html显示html文本结果展示:...原创 2022-04-19 16:49:38 · 7374 阅读 · 0 评论 -
解决URL传参中文乱码
1、首先在前端 使用encodeURI()方法处理2、在Java后端使用String spdm = URLDecoder.decode(request.getParameter("spdm"), "UTF-8");这些解,之后就正常了原创 2022-02-09 15:35:01 · 1488 阅读 · 0 评论 -
Unpackage、dist 等打包生成的 误提交到SVN怎么清除版本
1、进SVN删除对应目录2、进项目点更新,此时会报冲突3、点击项目,找到要删除的目录SVN还原它4、运行或者打包项目重新生成对应目录5、右键ignore目录经过上面这些步骤,重新提交就没有这个目录的内容了...原创 2022-01-24 16:46:50 · 578 阅读 · 0 评论 -
JS splice 向/从数组添加/删除项目
先来看看W3CSHOOL的定义和用法splice()方法向/从数组添加/删除项目,并返回删除的项目。注释:splice()方法会改变原始数组。语法array.splice(index, howmany, item1, ....., itemX)参数值参数 描述 index 必需。整数,指定在什么位置添加/删除项目,使用负值指定从数组末尾开始的位置。 howmany 可选。要删除的项目数。如果设置为 0,则不会删除任何项目。 item1, .....原创 2021-12-16 08:58:42 · 1027 阅读 · 0 评论 -
图片不拉伸变形
CSS3 针对图片显示增加了 两样属性1、object-fit:控制图片展示状态fill: “填充”。默认值。使图片拉伸填满整个容器, 不保证保持原有的比例。 contain: “包含”。保持原有尺寸比例缩放。保证整个图片都可以出现在容器中。因此,此参数可能会在容器内留下空白。 cover: “覆盖”。保持原有尺寸比例缩放。宽度和高度至少有一个和容器一致(尺寸小的一致)。因此,此参数可能会让图片部分区域不可见。none: “无”。保持原有尺寸比例。同时保持图片原始尺寸大小。多出的部...原创 2021-11-02 14:32:01 · 361 阅读 · 0 评论 -
Vue 页面单独设置Meta
1、安装组件 npm install vue-meta --save2、main.js中引入组件import Meta from 'vue-meta'Vue.use(Meta)3、具体的页面metaInfo: { title: 'This is the test', meta: [ // { charset: 'utf-8' }, // { name: 'viewport', content: 'width=device-width,initial-sca..原创 2021-10-29 16:37:38 · 2365 阅读 · 0 评论 -
JS遍历页面所有对象属性及实现方法
1、 let footer=res.data.footers[0]; for (let field in footer ){ console.log(field) console.log(footer[field]) } 2、 Object.keys(footer).forEach((key)=>{ console.log(key) .原创 2021-10-12 13:45:52 · 249 阅读 · 0 评论 -
Vue transfer
<FormItem label="工程师"> <Select v-model="engineerId" placeholder="请选择工程师" transfer> <Option v-for="item in serEngineerOptions" :key="item.userId" :value="item.userId">{{ item.userName }}</Option> ...原创 2021-10-12 13:38:01 · 627 阅读 · 0 评论 -
Vue 普通URL 传参给页面
<template> <div style="height: 100%;text-align: center"> <h2 >对账单</h2> <p>账套ID:{{aid}}</p> <p>客户代码:{{khdm}}</p> </div></template><script> import { mapActions } fro...原创 2021-09-01 11:07:55 · 169 阅读 · 0 评论 -
Vue img src属性绑定
1、绝对路径 <img src="./../../../../static/image/demo/预警.png" style="width: 800px;height: 600px;" />2、跟路径 <img src="/static/image/demo/预警.png" style="width: 800px;height: 600px;" />3、使用 require() 包裹相对路径 <img :src="imgUrl"/> imgUrl = requi原创 2021-07-12 12:15:01 · 310 阅读 · 0 评论 -
IView 表格增加footer
先看效果:再上代码<Table :columns="columns_shop" :data="data_shop" :loading="loading_shop" @on-row-click="row_click_shop" stripe disabled-hover highlight-row ref="table_shop" class="etable" :height="550"> <template slot="syt" slot-s原创 2021-06-25 15:05:33 · 808 阅读 · 1 评论 -
uinapp scss 设置v-html里面的样式
scss 使用 /deep/ 来定义V-HTML 中内容的样式摘取部分代码 <text class="html-text-box" v-html="noticeList.noticeContent" ></text> /deep/.ql-size-large { font-size: 1.5em; } /deep/.ql-align-center{ text-align: center; } /deep/.ql-align-justify {原创 2021-06-17 09:30:23 · 710 阅读 · 0 评论 -
vue iview 复制文本到剪贴板
1、安装插件 npm install vue-clipboard2 --save2、main.js 全局引入import VueClipboard from 'vue-clipboard2'Vue.use(VueClipboard)3.<Button type="info" icon="md-copy" size='small' shape="circle" ghost @click="handlerCopy(row)" ></Butt...原创 2021-05-27 14:21:50 · 760 阅读 · 0 评论 -
vue echarts图表跟随窗口变动调整
drawChart(){ // 基于准备好的dom,初始化echarts实例 let myChart = this.$echarts.init(document.getElementById('chart4')) // 绘制图表 myChart.setOption(this.option); let myChart2 = this.$echarts.init(document.getElementById('chart2')) ...原创 2021-04-08 09:13:29 · 351 阅读 · 0 评论 -
VUE 中引入JQUERY
npm 安装jquery 改webpack原创 2021-04-07 17:50:27 · 1106 阅读 · 0 评论 -
NPM 替代产品Yarn的安装和使用
Yarn是facebook发布的一款代替npm的包管理工具。Yarn 缓存了每个下载过的包,所以再次使用时无需重复下载。 同时利用并行下载以最大化资源利用率,因此安装速度更快。在执行代码之前,Yarn 会通过算法校验每个安装包的完整性。使用详细、简洁的锁文件格式和明确的安装算法,Yarn 能够保证在不同系统上无差异的工作。yarn的安装:下载node.js,使用npm安装 npm install -g yarn 查看版本:yarn --versionyarn config set regis.原创 2020-07-22 20:52:55 · 408 阅读 · 0 评论