vue
AmbroseLe
个人笔记
展开
-
vue ;无效怎么办
vue 的  无效的一种解决方式原创 2022-09-26 15:20:08 · 1179 阅读 · 0 评论 -
vue自定义验证没生效的一种bug
一种情况就是 你的name不对,其他的再说吧原创 2021-08-17 16:24:39 · 279 阅读 · 0 评论 -
vue/react前端部署到nginx服务器
user nginx;worker_processes auto;error_log /var/log/nginx/error.log notice;pid /var/run/nginx.pid;events { worker_connections 1024;}http { include /etc/nginx/mime.types; default_type application/octet-stream; .原创 2021-06-08 13:28:48 · 280 阅读 · 4 评论 -
vue使用swiper轮播不断向内推送新数据
需求:如需要一个大屏滚动播放实时数据。那么就可以定时获取数据。然后推送至swiper轮播内<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <title>Swiper demo</title> <!-- Demo styles --> <style> .swiper-container { b.原创 2021-05-20 15:24:28 · 254 阅读 · 0 评论 -
vue 跳转页面 路由
首先在route内配置需要跳转的页面路由 { path:'/other/BigScreenRealTimeDataShow', component: (resolve) => require(['@/views/other/BigScreenRealTimeDataShow'], resolve), hidden: true },然后进行跳转两种方式openBigScreenRealTimeDataShow() { // 方式1 不弹出新页面原创 2021-05-10 09:31:51 · 175 阅读 · 0 评论 -
Dropdown 下拉菜单中点击事件失效 el-dropdown-item 内的 @click点击无效
第一种就是把@click 改为 @click.native如果不行的话就使用指令@command写法 <el-dropdown trigger="click" @command="handleCommand" placement="bottom-end" style="margin-left: 10px" > <spa.原创 2021-04-06 16:44:25 · 1998 阅读 · 0 评论 -
js 将string 转化为正则表达式 (正则校验为变量)eval(regexsStr)
使用eval(regexsStr)就可以直接将string 转化为 正则表达式 rules: [ { required: false, message: "请输入默认值", patter...原创 2020-11-23 15:52:01 · 2824 阅读 · 3 评论 -
vue 监听滚动条 到底事件
mounted() { let that = this; this.$nextTick(() => { // this.initScroll() window.onscroll = function () { //变量scrollTop是滚动条滚动时,距离顶部的距离 var scrollTop = document.documentElement.scrollTop || document.body.scro.原创 2020-10-29 18:53:39 · 1616 阅读 · 0 评论 -
vue 实现同步
我们在调用接口的时候,使用的是异步方式。很多时候我们想用接口返回的数据时,得不到想要的数据。因为这时接口还没有调用完。使用的异步方式,所以我们需要让接口进行同步请求。所以我们需要再函数前面 加上async ,在接口前面加上 await,也就是需要同步的地方加上 awaitasync getList() { let res = 0; await listPatrol(this.queryParams).then(response => { thi..原创 2020-10-28 10:04:49 · 13056 阅读 · 7 评论 -
vue 树形下拉框 多选 封装组件及应用
<!-- /** * 下拉选择树形组件,下拉框展示树形结构,提供选择某节点功能,方便其他模块调用 * @author lgh * @date 2020-09-01 * 调用示例: * <tree-select :height="400" // 下拉框中树形高度 * :width="200" // 下拉框中树形宽度 * :data="data" // 树结构的数据 .原创 2020-09-01 16:36:26 · 2809 阅读 · 5 评论 -
vue - element ui table 列表中 显示 图片,点击放大缩小旋转等功能
<el-table v-loading="loading" :data="dataList" @selection-change="handleSelectionChange"> <el-table-column label="签名图片" align="center" prop="patrolUrl"> <template slot-scope="scope"> <el-image styl...原创 2020-07-30 19:33:53 · 2990 阅读 · 1 评论 -
前端时间格式化工具类
/** * js方法工具 */import moment from 'moment';module.exports = { /** * 计算时间差(秒) * @param {*} startDate 开始时间 * @param {*} endDate 结束时间 */ calcTotalSecond(startDate, endDate) { var timeSub = endDate.getTime() - start.原创 2020-07-28 11:08:35 · 373 阅读 · 0 评论 -
将列表转为树形结构(前后端 写法)
dept_id parent_id ancestors dept_name 11 0 0 根 22 11 0,11 测试1 33 11 0,11 测试2 44 22 1,11,22 测试1-1 前端写法/** * 构造树型结构数据 * @param {*} data 数据源 * @param {*} id id字段 默认 'id' * @param {*} parentId 父节点字段原创 2020-06-11 17:57:40 · 951 阅读 · 2 评论 -
vue 打包
第一种不行就用第二种npm run buildnpm run build:prod --report原创 2020-04-29 11:09:20 · 123 阅读 · 0 评论 -
sessionStorage 本地 session存储 json格式 vue,react
非json格式非json格式就直接 存:sessionStorage.setItem("user", "admin"); 取:sessionStorage.getItem("user");json 格式如果你的数据是 json 格式,那么就不能直接使用user = { name: 'admin', age: 19}sessionS...原创 2020-03-26 11:04:07 · 1025 阅读 · 2 评论 -
that=this写法的意义 整理 (如调用接口中this失效(undefined))
1、在Vue中this始终指向Vue,但一些其他组件如axios中this为undefined通过: let that = this 将this保存在that中,再在函数中使用that均可 。2、为什么栈空间满了。但换成var that=this,使用that时就不再报栈空间满的错误。如果在子函数还用this,this的指向就变成子函数了,that就...原创 2020-03-24 16:09:45 · 974 阅读 · 0 评论 -
html2canvas 将 Dom组件 截图 然后 保存(react - vue版本)
官网http://html2canvas.hertzen.com/安装Install NPMnpm install --save html2canvasInstall Yarnyarn add html2canvas引入importhtml2canvasfrom'html2canvas'页面在需要打印的地方 加上id<Cardid="views...原创 2020-03-24 10:50:11 · 1860 阅读 · 2 评论 -
VUE 多级dialog产生蒙版问题解决(弹出框被遮罩问题)
问题是这样的 我的问题是在父组件里有个弹出框,弹出框里面调用了子组件,而子组件里点击图片显示大图(使用 弹出框形式)。当图片弹出框弹出的时候,就出现了最外层的一个蒙版,当然和层级肯定是有关的, 但是怎么设置z-index都不行。最终解决方式。是在弹出框加一个 append-to-body 属性,因为第一 层弹出框没有被遮罩住,而第二层弹框被遮住了,所以...加了这个属...原创 2018-08-17 14:02:24 · 8870 阅读 · 1 评论 -
VUE父子组件传值问题
引用子组件的时候一定要注意一点,你可能会发现你调用子组件之后。父组件刷新而子组件那块不变,一直是第一次的样子。那就需要重新使用组件的强制刷新(重置)了。本文中有介绍首先说页面需要调用子组件的位置这段代码的解释: 如果showReport的值是true 那么显示子组件 向子组件传参数 nameList(自定义的参数,可以自己任意取名) 而nameList对应的值是Value...原创 2018-11-15 15:41:08 · 379 阅读 · 0 评论 -
Vue 使用 Viewers 实现图片的 放大缩小、 旋转 、 拖拉等操作、支持多图片
先看效果图吧,这是单张图片的。放大缩小支持鼠标滚轴操作。具体的操作首先Vue需要安装插件npm install v-viewer --save 或者 cnpm install v-viewer --save(最好使用cnpm 淘宝镜像,npm不可以的话就试试cnpm)安装成功的话 ,你的package.json 文件里面会 有"v-viewer...原创 2018-12-07 08:56:25 · 8345 阅读 · 1 评论 -
vue 打印功能 调用原生print,带(去掉页眉页脚)分页打印
安装 vue-print-nb插件npm install vue-print-nb --save安装完成后在页面引入 import Print from 'vue-print-nb' </section></template><script> import Vue from 'vue'; import Print from 'vue...原创 2019-05-14 11:31:01 · 16019 阅读 · 26 评论 -
vue强制刷新某组件(销毁并重置)
在需要强制刷新的组件中添加 v-if="hackReset"触发事件执行下面代码:this.hackReset = falsethis.$nextTick(() => {this.hackReset = true})原创 2018-09-06 16:07:15 · 55393 阅读 · 12 评论