vue
wind~lala
这个作者很懒,什么都没留下…
展开
-
加载时需要删除,删除完这一条数据需要再补一条
app页面里需要加载也需要删除功能时~~~原创 2022-09-27 21:09:00 · 740 阅读 · 1 评论 -
input框的ocr识别以及复制粘贴功能
<div class="inputBox" @touchstart="touchin()" @touchend="clickhandle()" @click="onlyClick"> <input type="text"> <div class="pasteBox" v-if="Loop==0" @click="pasteClick()">粘贴</div> <div class="slot-dialog-content"原创 2022-02-16 10:11:32 · 808 阅读 · 0 评论 -
vant-el-tooltip的bug修复(在火狐浏览器72、51鼠标移入不停抖动)
使用方法:<el-tooltip class="item" effect="dark" placement="bottom-start" v-model="tooltip1"> <div slot="content">服务引导,点击该功能可进入当前服</br>务的操作引导模式,提示功能的主要</br>操作步骤或重点关注事项。</div> <img class="header-icon tool原创 2021-08-26 22:08:10 · 789 阅读 · 0 评论 -
vue--页面缓存
很多时候,为了让提高用户的体验感,在页面上添加缓存,是十分有必要的,本文转载自:https://www.cnblogs.com/smart-girl/p/10496769.html通过组件<keep-alive></keep-alive>来进行页面数据的缓存<keep-alive> <router-view></router-view></keep-alive>//可以通过路由中的参数来判断是否给页面添加缓存<原创 2021-05-23 20:45:12 · 202 阅读 · 0 评论 -
element-ui的el-date-picker组件的关联限制使用方法
限制日期组件不能选择,可以使用提供的pickerOptions属性来进行操作case1:如果想要单纯的限制一个日期组件的可选日期(比如截止到当前日期之后的不能选择)<div class="block"> <span class="demonstration">默认</span> <el-date-picker v-model="value1" type="date" @change="selectPicker"原创 2021-05-23 20:23:37 · 766 阅读 · 0 评论 -
vue中Element使用Tab渲染Echarts图表显示出错
父组件用elementUI的tab放了几个tab页面(具体几个按照数据来定),在子组件中,无法通过给echarts盒子设置width:100%来使echarts图表自适应浏览器页面大小每次打开tab也。图表都会出现变小,无法获取具体的大小这个时候通常可以使用最简单的方式:给图表添加定宽就可以实现,如果想要实现自适应,rem,vh等都可以实现就是不能用百分比让宽度自适应当然还有别的实现方案,获取resize让它重新渲染,,都是可以的...原创 2020-07-25 11:39:19 · 390 阅读 · 0 评论 -
vue中实现通过SignalR获取端口数据(websocket)& 实时数据推送
首先,介绍一下SignalRASP .NET SignalR 是一个ASP .NET 下的类库,可以在ASP .NET 的Web项目中实现实时通信。什么是实时通信的Web呢?就是让客户端(Web页面)和服务器端可以互相通知消息及调用方法,当然这是实时操作的。WebSockets是HTML5提供的新的API,可以在Web网页与服务器端间建立Socket连接,当WebSockets可用时(即浏览器支持Html5)SignalR使用WebSockets,当不支持时SignalR将使用其它技术来保证达到相同效果原创 2020-07-25 11:27:50 · 2168 阅读 · 1 评论 -
vue中实现Echarts折线图多数据动态显示
可以复制搜索看看是否是想要的效果https://gallery.echartsjs.com/editor.html?c=xtdeZMuQ4t也就是折线图1秒或者几秒获取一次数据(通过Signal请求端口数据),当然请求数据库也是可以实现的,但是对于数据库性能也是特别消耗的,现在先看看动态的折线图是如何实现的吧//////////////////////////////==============================================================子组件原创 2020-07-25 11:12:56 · 4402 阅读 · 0 评论 -
vue中Excel文件的导入导出实现
首先了解Excel的导入导出实现效果,就是想要通过导入导出将所需要的数据进行合理的存放,那么下面了解一下导入导出实现的过程~~Excel的导入导入就是通过input有个file的属性来实现,并且导入想要实现的效果就是需要弹出一个面板控制导入的数据,以下是通过ElementUi组件来实现的 //点击导入按钮<el-tooltip class="item" effect="dark" content="导入Excel" placement="left"> <el-button ty原创 2020-07-03 10:13:57 · 2302 阅读 · 0 评论 -
npm ERR! chromedriver@2.46.0 install: `node install.js`
在npm install时,出现了这个问题,该问题是vue-cli脚手架的一个bug,原因是chromedriver的部分文件无法下载完整的chromedirver包,解决办法:通过淘宝镜像去下载chromedriver文件npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver然后再npm install就没有问题了...原创 2020-06-30 16:43:02 · 861 阅读 · 0 评论 -
ElementUI组件Rate(评分效果)的数据动态渲染
首先通过此链接https://element.eleme.cn/#/zh-CN/component/rate在官网上找到评分的实例,可以参照里面的组件属性、方法进行一系列的操作以下我将一一展示rate评分的常用效果<el-rate v-model="rateValue"//双向绑定数据 show-text//展示提示的文字 :texts="text"//自定义提示文字信息 allow-half//允许半选 @change="changeValue"//官网上原创 2020-06-30 10:53:55 · 8718 阅读 · 9 评论 -
[Vue warn]: Do not use built-in or reserved HTML elements as component id: details
报错信息不要使用内置或保留的HTML元素作为组件id:details由于在模板需要插入到 DOM 中,所以模板中的标签名必须能够被 DOM 正确地解析。主要有三种情况:1、标签名需要是完全不合法的标签名,例如 </>;2、是与 HTML 元素重名会产生不确定的行为,例如使用 input 做组件名不会解析到自定义组件,使用 button 在 Chrome上正常但在 IE 上不正...原创 2020-03-18 13:25:24 · 3043 阅读 · 0 评论 -
vue :无法加载文件C:\Users admin\Appata\Roaming\npm\vue.ps1, 因为在此系统上禁止运行脚本。有关详细信息,请参阅https:/ go.microsoft
这是通过官方脚手架,手动搭建模块化,工程化,自动化开发环境首先,安装的过程,安装最新的全局的脚手架:npm install -g @vue/cli //装3/4npm install -g @vue/cli-init //桥接2 当安装完,在使用的时候就会出现以下情况报错信息禁止在次系统中运行脚本,解决方案:在windows powershell 管理员身份下输入以下命令:...原创 2020-03-04 14:25:37 · 829 阅读 · 0 评论 -
Vue面试题之一(生命周期函数的理解)
在Vue的学习过程中,生命周期函数是很重要的,也是在前端面试题中常见的技术问题,那么想要更好的理解钩子函数的生命周期,以下图很好的诠释了钩子函数的生命周期,希望可以帮助到您~~~...原创 2020-03-02 13:33:19 · 491 阅读 · 0 评论