vue
monkey-7
能复现吗?不应该呀,等我看看代码嗷!我本地没问题阿!清一下缓存试试呢!用的啥浏览器?我看看返回!!!
展开
-
记一次favicon.ico的折腾
webpack.base.conf.js里的rules 配置 url-loader和html-loader 正常情况下应该能实现换路径了 但我的不知道为啥就一直报错。后来采用 直接打包前在项目里的index.html中指定href=./static/favicon.ico 从static里获取。正常前端npm run build打包后 dist内会根据设置自动生成favicon.ico文件在根目录下。并且在webpack.prod.conf.js里的。需要的效果 打包后 index.html里。原创 2024-05-07 16:55:59 · 322 阅读 · 0 评论 -
el-select 下拉框点击某一禁选选项 按Esc关闭弹窗 下拉框无法收起问题
本来想的是监听dialog的Esc关闭事件 关闭时修改el-select-dropdown的css样式 将display = none。这里有个需要注意的点 blur事件 需要setTimeout包上否则会报错。看官网发现有个失焦事件 他手动触发失焦的话 会自动收起下拉面板原创 2024-03-26 11:17:34 · 524 阅读 · 0 评论 -
vue样式穿透>>> /deep/ ::v-deep 这仨的用法
比如我想改element的横线样式 (这时候style标签上是有加scoped)(1)>>> 它只支持原生css (sass或者less 有可能无法识别)(听说这小子编译速度快 我也不知道咋个快法 反正都能实现改UI组件样式)(2) /deep/ 适用于 sass或者less。下图是/deep/在vue3项目中使用报错的场景。我试了一下::v-deep在vue2里也能用。(3) ::v-deep 适用于vue3原创 2024-03-25 11:15:18 · 267 阅读 · 0 评论 -
关于node.js奇数版本不稳定 将11.x.x升级至16.x.x不成功的一系列问题(一)
新老项目同时开发 新项目node版本要求高 老项目版本低 可以用nvm管理node版本 方便切换原创 2024-02-02 16:52:54 · 964 阅读 · 0 评论 -
将11.x.x升级至16.x.x不成功的一系列问题(二)node-sass sass-loader需安装指定版本
先根据node版本先锁定node-sass版本 然后再来回切换sass-loader版本 这玩应你就试吧 一试一个一个不吱声原创 2024-02-02 17:29:44 · 1108 阅读 · 0 评论 -
vue使用vue-signature-pad实现电子签名
公司项目新需求要增加客户触摸屏签字确认功能,网上找了vue-signature-pad和vue-esign 对比下 决定用vue-signature-pad 因为他带笔压!就类似数位板画画的压感 画笔线条不是固定粗细的。项目是3.0的 一开始还担心不能用 亲测安装最新版本是可以用地~ 他还能设置画笔粗细和颜色 。原创 2023-02-01 17:05:00 · 2468 阅读 · 3 评论 -
vue3.0使用vue-pdf-embed在线预览pdf 控制页码显示范围不生效问题
本来觉得把要展示到第几页的页码给到v-for的 i in PageRange 中的PageRange即可 但是本地没问题 打包部署就不显示pdf原创 2023-01-13 15:47:59 · 1706 阅读 · 4 评论 -
el-input $event事件对象 使用js修改target.value时 v-model同步更新
el-input 传入事件对象 $event 修改target.value v-model不同步更新的问题 el-input 填写数值 保留2位小数 并自动补0原创 2022-10-24 16:47:15 · 1858 阅读 · 1 评论 -
解决vscode里的vue文件代码变白色
vscode vue代码没有颜色高亮原创 2022-07-13 18:12:57 · 16259 阅读 · 6 评论 -
vue路由传参query和params的区别
vue路由跳转传参有两种方式 分别是query和params他俩有点区别先说query的传参// query 用 paththis.$router.push({ path: "/xxxpath", qurey:{ id:id }})query获取参数this.$route.query.idparams的传参// params 用 namethis.$router.push({ name: "xxxName", params:{ id:id }})获取参数th原创 2022-03-11 10:42:23 · 1887 阅读 · 0 评论 -
vue修改默认滚动条样式
关于默认滚动条样式太丑这件事儿<template> <div class="init"> <el-row class="title"> <p>我是标题</p> </el-row> <el-row class="msg"> <textarea class="statement" readonly>{{ msg }}原创 2022-03-10 17:37:01 · 1948 阅读 · 1 评论 -
vue的watch和computed
我的理解 watch computed methodmethods是个方法,比如你点击事件要执行一个方法,这时候就用methods,computed是计算属性,实时响应的,比如你要根据data里一个值随时变化做出一些处理,就用computed。watch 监控观察:值变了就干一些事情 支持异步 因为没有返回值什么时候使用watch:当数据变了 我就存到localStorage中只要msg值 发生了变化 就会触发此函数...原创 2021-11-19 14:19:52 · 493 阅读 · 0 评论 -
v-html解析后台传来的html 含有script标签 将js当成字符串来编译咋办
前提:为啥 不用前端请求数据:因为数据是扒过来的 对方返回xml 后台转换 => 解析成html 再给前端问题:后台将html和js都返给我用vue的 v-html 虽然能渲染html 但是js不行 他不能识别里面的方法 会把js当成字符串来编译(尝试过将js文件放到前端 没好使 具体啥原因 时间太久了 我忘了)解决思路:秉承着笨人有笨方法 动态串创建script标签 然后截取到后台传给我的js内容 append进去<div v-html="html" ref="myHtml原创 2021-11-18 16:59:13 · 1665 阅读 · 0 评论 -
关于element-ui 下拉框select 编辑弹窗打开时 触发change事件解决方法思路
change是下拉框值变换时就触发 由于编辑是从无到有的过程 所以他默认为 证件类型 被修改了 继而清空idnum 证件号码解决方法有两个1: 给falg标识 默认为0 第一次打开是 flag = 0 不执行 change过后flge++ 提交按钮flag=02: 阅读官方文档发现 el-select 有个叫visible-change的事件是 根据下拉框打开关闭触发的此函数里面传递两个参数(第一个为回调参数, 第二个为自定义的参数)例如报送项目中 日期类型 visible-change($eve原创 2021-10-09 13:41:01 · 6618 阅读 · 0 评论 -
vue如何展示base64图片
<img :src=" 'data:image/png;base64,' + base64的地址 ">将后台给返回的base64直接拼接的img的:src上前面加固定的前缀 data:image/png;base64,原创 2021-10-09 13:23:51 · 7356 阅读 · 3 评论 -
后台返的base64 pdf文件如何预览在页面上
引入vue-pdf插件 注册 使用(pdf只显示第一页)<pdf :src="pdfData"></pdf>(pdf全部显示) <pdf v-for="i in pdfPage " :key="i" :src="pdfData" :page="i"></pdf>created() { this.getPdf()}methods: { getPdf(){ let Base64 = require('js-base64').Base64原创 2021-09-27 17:59:11 · 457 阅读 · 0 评论 -
vue+bootstrap购物车拖拽案例(捋思路)
bootstrap 导航bootstrap 栅格系统 分为12列 一列排3个 一整行排4个循序products 并记录索引 v-for="(product,index) in products" 要循环谁 就写在谁身上面板 面板颜色 居中 允许拖拽绑定拖拽事件 方法名为start($event,index,product)将事件对象 索引 和 拖谁记录下来面板头—> 动态绑定商品名称因为图片是动态的所以要加 :src 给图片固定宽高用循..原创 2021-06-11 16:50:56 · 468 阅读 · 2 评论 -
vue生命周期
一、生命周期beforeCreate createdbeforeMount MountedbeforeUpdate updatedbeforeDestroy destroyed(上图为网上某大佬画的图 我之前粘贴到笔记里了 忘了出处)new Vue1、初始化之前 初始化实例的方法和生命周期的钩子函数created2、注入响应式数据 这时data里才会有数据 请求数据的操作在这边实现beforeMount3、确认下是否设置挂载DOM元素 有没原创 2021-05-12 17:04:19 · 65 阅读 · 0 评论 -
vue的修饰符
1、事件后面可以加一些常用的修饰符 keyup.enter阻止冒泡 阻止默认事件 只在自己身上触发 事件捕获事件的行为默认是:冒泡(从内往外)<div @click.stop="grandson">grandson</div> <div @click.apture="parent">parent<div @click.self="son">son<a href="hppt://www.baidu.com" @click.prevent>原创 2021-04-28 16:09:50 · 111 阅读 · 0 评论 -
vue基础知识入门
vue => view 做视图的vue.js文档1、VUE数据驱动 渐进式以前操作dom 操作的是数据 以数据为核心 知道数据的结构就知道视图是什么样子的(1)借鉴了angular的一些 “指令” 扩展一些html标签eg: 加了drag 就可以拖拽html行间的属性,而且这个属性给标签扩展了一些功能(2)借鉴了react 的组件系统,将一个很大的页面 拆分成若干个组件(可以复用,而且方便了代码的维护)(3) 路由管理 访问不同的路径可以返回不同的结原创 2021-04-28 16:08:49 · 100 阅读 · 1 评论