随笔分类 -  vue

Vue之动态class写法
摘要：原文：Vue之动态class写法总结_叛逆的鲁鲁修love CC的博客-CSDN博客 最简单的绑定 :class="{ 'active': isActive }" active是可自定义的 isActive是动态的true或false 阅读全文
posted @ 2021-10-21 16:55 塞巴斯酱 阅读(360) 评论(0) 推荐(0)
vue监控滚动条到达底部（获取滚动条到达底部得距离）
摘要：原文：vue滚动条事件（获取滚动条距离底部距离）_ kleinBlue.的博客-CSDN博客 vue 首先有滚动条的div一定要设固定高度，然后overflow:auto;出现滚动条 passive是使滚动更加流畅，减少卡顿 <ul @scroll.passive="getScroll($event 阅读全文
posted @ 2021-10-21 16:23 塞巴斯酱 阅读(2576) 评论(0) 推荐(0)
去除input前后空格
摘要：.trim() :除首尾的空白字符 vue中去除前后空格： v-model.trim="textAreaVal" jq中去除前后空格： let str = ' 999' str.trim()//999 jq中去除前后以及中间空格： let str = ' 999' str.trim().replac 阅读全文
posted @ 2021-10-20 17:19 塞巴斯酱 阅读(1082) 评论(0) 推荐(0)
调用本地摄像头实现拍照拍照截取照片 jqjs 、 vue
摘要：vue实现方式如下： 原文链接：vue调用本地摄像头实现拍照_浩星-CSDN博客_vue调用摄像头拍照 jqjs实现方式如下： <html xmlns="http://www.w3.org/1999/xhtml"> <p> <button onclick="openMedia()">打开摄像头</b 阅读全文
posted @ 2021-07-05 17:17 塞巴斯酱 阅读(599) 评论(0) 推荐(0)
vue+elementUI表格关键字查询高亮
摘要：原文链接：https://blog.csdn.net/zuorishu/article/details/80899398 （ 橙色字体是关键代码） 代码： < template > < div class= "" > < div class= "top" > <!-- 筛选 --> < div cl 阅读全文
posted @ 2021-04-27 11:14 塞巴斯酱 阅读(921) 评论(0) 推荐(0)
vue xgplayer_Vue中的xgplayer组件
摘要：已找不到文章：https://blog.csdn.net/cuk5340/article/details/107697781 其他原文章：vue xgplayer 引入_vue中使用video插件vue-video-player_weixin_39553272的博客-CSDN博客 阅读全文
posted @ 2020-08-10 17:11 塞巴斯酱 阅读(5557) 评论(0) 推荐(0)
vue 4.4.6项目搭建及遇到的坑
摘要：一，安装vue-cli npm install -g @vue/cli 二，创建项目 vue create 项目名 这里选择Manually select features 坑：上下箭头选中不了 解决：创建项目时用这个 winpty vue.cmd create 项目名 此时用上下方向键能够选中了， 阅读全文
posted @ 2020-08-10 15:41 塞巴斯酱 阅读(667) 评论(0) 推荐(0)
vue文件流转换成pdf预览(pdf.js+iframe)&&使用vue-pdf实现pdf预览
摘要：需求：后端返回文件流前端将文件流转为成blob地址预览pdf文件 两种方式： 1，PDFJS: https://mozilla.github.io/pdf.js/ 支持获取文件流到客户端，生成blob地址预览 2，Vue-pdf https://github.com/FranckFreiburger 阅读全文
posted @ 2020-07-27 18:57 塞巴斯酱 阅读(14343) 评论(0) 推荐(2)
vue elementui table表格展开行每次只展开一行
摘要：需求：表格展开行每次只展开一行 <template> <el-table :row-key="getRowKeys" :expand-row-keys="expands" @expand-change="expandSelect" :data="neatingTableData" style="wi 阅读全文
posted @ 2020-07-17 10:52 塞巴斯酱 阅读(6504) 评论(0) 推荐(0)
vue-pdf PDF文件预览
摘要：一，下载vue-pdf npm i vue-pdf -save 引入pdf <el-dialog title="PDF 预览" :visible.sync="viewVisible" width="70%" center> <template> <pdf :src="pdfUrl"></pdf> < 阅读全文
posted @ 2020-07-15 11:14 塞巴斯酱 阅读(1580) 评论(1) 推荐(0)
vuex发送axios请求
摘要：版本vue3.0 需求：（管理系统类头部消息数量（A页面）--在B页面每次新增一条数据消息数量随之改变） 思路：将消息数量axios请求放到vuex状态管理工具中这样可以多个页面调用这个axios请求，通过computed计算属性监听到数据发生变化来实现。由于本项目vuex是分模块的所以此方法适用于 阅读全文
posted @ 2020-06-30 10:42 塞巴斯酱 阅读(698) 评论(0) 推荐(0)
vue 点击一条消息跳转相应的页面且对应相应的大模块和办理状态
摘要：需求：点击一条消息跳转相应的页面且对应相应的大模块和办理状态为选中状态 问题描述：点击一条消息后将需要改变的参数拼接到url地址中跳转到A页面，当将参数赋值给办理状态时页面办理状态不改变 解决：使用watch监听属性监听url变化 && 给url加时间戳（防止缓存url没有改变watch监听不到） 阅读全文
posted @ 2020-06-10 15:29 塞巴斯酱 阅读(910) 评论(0) 推荐(0)
Failed at the node-sass@4.13.1 postinstall script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
摘要：看的第一遍，找不到sass，查看node-sass文件，里面没有文件 解决办法 下载sass之前，要先修改源 先把node-modules删除掉 执行以下命令 npm config set sass_binary_site=https://npm.taobao.org/mirrors/node-sa 阅读全文
posted @ 2020-03-30 15:21 塞巴斯酱 阅读(1891) 评论(0) 推荐(0)
vue搭建项目到axios&element ui引入(vue2.9.6)
摘要：1，安装下载nodejs http://nodejs.cn/download/ 查看node&vue版本 node -v vue -v 2，npm下载vue&webpack&vue-cli脚手架 npm init vue webpack vue-cli -g 3，创建项目 vue init webp 阅读全文
posted @ 2019-11-02 22:23 塞巴斯酱 阅读(962) 评论(0) 推荐(0)
vue-countTo 数字滚动插件
摘要：很好用的数字滚动插件 vue-countTo npm 安装 npm i vue-count-to 使用 <template> <countTo :startVal="startVal" :endVal="endVal" :duration="3000"></countTo> </template> 阅读全文
posted @ 2019-03-11 11:33 塞巴斯酱 阅读(3462) 评论(0) 推荐(0)
vue中使用echarts
摘要：从npm安装 >vue文件中使用有详细的说明 | | | V 强烈推荐此博主的 https://blog.csdn.net/weixin_37861326/article/details/80775326 阅读全文
posted @ 2019-03-08 14:31 塞巴斯酱 阅读(196) 评论(0) 推荐(0)
vue滚动条插件happy-scroll
摘要：安装vue-happy-scroll npm install vue-happy-scroll --save-dev 注册组件 在main.js文件中引入 // 滚动条 import 'vue-happy-scroll/docs/happy-scroll.css' import HappyScrol 阅读全文
posted @ 2019-03-08 14:24 塞巴斯酱 阅读(692) 评论(0) 推荐(0)
eacharts宽度自适应
摘要：图表自适应chart.resize() 话不多说上代码，搞了好久 npm npm install echarts --save 引入echarts main.js中// echarts import Echarts from 'echarts' import 'echarts/theme/macar 阅读全文
posted @ 2019-03-04 11:32 塞巴斯酱 阅读(1516) 评论(0) 推荐(0)