![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
妍崽崽@
这个作者很懒,什么都没留下…
展开
-
js实现链接下载本地,图片点击非查看也是下载本地,文件流blob文件下载本地
js实现链接下载本地,图片点击非查看也是下载本地,文件流blob文件下载本地。原创 2024-07-18 11:22:58 · 240 阅读 · 0 评论 -
js获取当前浏览器地址,ip,端口号等等
js获取当前浏览器地址,ip,端口号等等。原创 2024-07-02 15:46:31 · 543 阅读 · 0 评论 -
vue+showdown展示Markdown 文本
vue+showdown展示Markdown 文本,资料整理。原创 2024-06-14 17:03:33 · 297 阅读 · 0 评论 -
vue+intro.js实现引导功能
使用 intro.js这个插件,来实现一个引导性的效果,适用场景,比如:新手引导页,操作说明等等原创 2024-06-14 14:22:25 · 611 阅读 · 2 评论 -
vue项目报错:internal/modules/cjs/loader.js:892 throw err;
vue项目中无法正常使用git,并报错情况。原创 2024-05-23 13:57:18 · 802 阅读 · 0 评论 -
vue打包报错:CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory
vue项目,打包报错:CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory。原创 2024-05-06 10:20:12 · 586 阅读 · 3 评论 -
vue-cli3.0搭建移动端项目的适配问题以及解决第三方组件样式受影响的问题
我们之前使用的解决移动端适配常用的方法是媒体查询+rem,em,这种适合小的项目,而且每次rem值计算也太麻烦了点,这里列出现在常用的另一种方法就是:lib-flexible和postcss-px2rem-exclude来完美的解决适配问题。原创 2020-09-30 15:00:57 · 797 阅读 · 2 评论 -
开源的网易云音乐api
开源的网易云音乐api整理分享。原创 2024-04-01 15:40:27 · 2466 阅读 · 8 评论 -
vue实现浏览器不同分辨率下的不同样式,css的媒体查询与js判断当前浏览器宽度
实现实现浏览器不同分辨率下的不同样式的方法很多,这里整理两种,1个是css的媒体查询来实现,另一个是js判断当前浏览器的宽度,然后动态给他添加不同的class名,或者动态用style修改样式,添加不同class名的话展示能更灵活。原创 2023-12-11 11:06:35 · 1379 阅读 · 0 评论 -
js/vue/tsx 中获取dom元素的方法集合
整理下常用的获取dom元素的方法。比如js、vue、vue3、tsx中的原创 2023-09-26 10:28:20 · 728 阅读 · 0 评论 -
vue实现把字符串中的所有@内容,替换成带标签的
vue实现把字符串中的所有@内容,替换成带标签的原创 2023-08-25 10:01:17 · 579 阅读 · 0 评论 -
js实现富文本字符串中不管有几个子级,把指定的字符替换另一个
js实现富文本字符串中不管有几个子级,把指定的字符替换另一个原创 2023-08-03 21:27:42 · 471 阅读 · 0 评论 -
vue中@scroll的使用与报错处理
vue中@scroll的使用与报错处理。原创 2023-07-21 14:34:38 · 370 阅读 · 0 评论 -
vue实现将后端传来的数据下载excel,vue-json-excel详细版
前端将后端传来的数据进行一个组合,然后触发下载 excel ,使用vue-json-excel来实现功能。原创 2023-07-21 12:30:37 · 2494 阅读 · 1 评论 -
element(兼容2.72以下的版本)实现树形数据+复选框的效果
element(兼容2.72以下的版本)实现树形数据+复选框的效果原创 2023-06-12 16:57:21 · 1288 阅读 · 0 评论 -
element的列表树形数据中添加复选框并增加render与slot支持
对element的列表二次进行封装,让他能支持树形数据中添加复选框,并支持render与slot的使用。原创 2023-06-08 18:27:37 · 957 阅读 · 0 评论 -
前端实现压缩图片的功能(vue-element)
随着现在手机像素,拍照功能越来越好,随之而来的是本地图片越来越大,那么如何更好的将本地图片上传到后端接口呢?前端实现压缩图片,然后再上传原创 2023-02-27 19:19:44 · 6632 阅读 · 5 评论 -
Vue中watch的详细用法(三种)
【代码】Vue中watch的详细用法(三种)转载 2022-12-15 17:50:28 · 295 阅读 · 0 评论 -
element 中 封装组件 之 按钮加载优化
组件之间方法的写法原创 2022-12-13 15:14:05 · 334 阅读 · 0 评论 -
iview/element的table高度动态设置
Tableborder>data() {return {now_height: null //table高度};},window.innerHeight 当前页面的高度,this.$refs.now_table.$el.offsetTop 拿到的是},原创 2022-12-13 14:55:54 · 751 阅读 · 0 评论 -
element 穿梭框模糊查询 :filter-method=“filterMethod“
element 穿梭框模糊查询原创 2022-12-08 14:38:41 · 1242 阅读 · 0 评论 -
<el-input >正数校验 小数校验
1.正数,不能输入小数和小数点,只能输入 正整数,大于0的。原创 2022-11-14 19:17:12 · 981 阅读 · 0 评论 -
this.$route.fullpath
this.$route.fullpath 工作中遇到问题原创 2022-11-02 12:18:57 · 622 阅读 · 0 评论 -
InputNumber中不允许输入小数
inputNumber原创 2022-10-18 16:35:33 · 1459 阅读 · 2 评论 -
Vue2和Vue3的生命周期以及执行顺序
vue3现在是比较流行的,但是vue2的项目现在很多,而且我们会遇到把一部分vue2的项目移植到我们的vue3项目里面的情况,在这种情况下,如果我们熟悉vue2与vue3的生命周期顺序的话,对我们帮助是很大的原创 2022-10-08 14:36:04 · 1993 阅读 · 2 评论 -
.map() .filter() .reduce() 的用法
可以看到我们开始先用0初始化了我们的 accumulator 的值,如果需要我们可以用其他的值去初始化 accumulator。我想你有多种方式来实现这个目标:.forEach() , .for(...of) ,或者 一个简单的 .for()我们的目标是:获取属性为 force 的用户总值,读者可以先自行思考一下,用于巩固前面所学知识,我们可以如下处理。因为 .map() 和 .filter()都返回一个数组,所以我们可以轻松的用链式编程的方法来综合使用它们。同样我们可以用箭头函数精简我们的代码。转载 2022-09-22 18:25:30 · 167 阅读 · 0 评论 -
vue全局水印方法
vue中如何全局设置水印原创 2022-08-12 12:18:04 · 843 阅读 · 0 评论 -
iview框架里的table上如何在选中的复选框的那条数据上监听inputNumber的值
首先选中复选框然后再改变数值的话,再点击确认,并没有监听到刚才我们改的数值原创 2022-06-21 18:40:54 · 544 阅读 · 2 评论 -
vue的debbger突然之间无法正常运行,解决办法
vue的debbger突然之间无法正常运行!!!原创 2022-06-01 19:16:35 · 2115 阅读 · 5 评论 -
vue中表格如何中英文切换?
<el-table-column prop="productState" :label='$t("production.ProductState")' :render-header="icons" min-width="100"> <template slot-scope="scope"> {{$t(statusMap[scope.row.produ...原创 2022-02-25 11:09:59 · 1343 阅读 · 0 评论 -
谈谈vue的预加载
前言:使用vue久了,会发现很多以前没有注意过的问题,比如说,为什么压缩打包以后的js文件,打开F12以后,再点击js文件,无法查看具体内容,但是刷新具体页面的时候,有的文件又能点击看内容,这是怎么回事呢?这里来说说。前提条件:项目中 使用 compression-webpack-plugin 打包,可以看到js都是这种格式了现象:1、打开F12可以看到,初始化vue的打包后的页面可以看到,加载的js文件,是真实存在的2、点击 preview 可以看到...原创 2022-02-24 16:45:25 · 6070 阅读 · 2 评论 -
vue日历加法定假假日
vue-cli中简洁版日历节假日设置功能_管小姐的斐波那契的博客-CSDN博客_vue节假日管理转载 2022-02-07 10:18:12 · 1948 阅读 · 0 评论 -
vue毫秒值和正常时间格式的互相转化
vue中经常遇到的时间格式转化原创 2021-11-17 16:49:21 · 810 阅读 · 0 评论 -
element实现动态筛选功能,点击手机号控制表头的手机号显示与不显示
前言: 在iview中是可以实现这个功能的,点击某个参数,来控制某个表头的展示与隐藏,element官方是没有提供这样的功能的,这里来实现element的该功能iview实现效果:入口最终element实现效果:实现代码:<template> <div> <el-button @click="fileterList('sort')">编号</el-button> <el-button @cli...原创 2021-11-15 16:47:19 · 1219 阅读 · 2 评论 -
vue项目中一键移除项目的jquery
前言: 这个工具的名字叫 replace-jquery ,据说是能帮你从项目中自动查找所有用到的jquery方法,并生成一套原生js的方法去替代使用方式1、全局下载cnpminstall-greplace-jquery2、在项目目录使用,语法为:replace-jquery 目标js文件 生成的js文件replace-jquerymain.jsnewMain.js该工具会自动找到你文件中所有用到的jquery方法。此处有一个确认的步骤,你可以选择想要替...原创 2021-09-26 12:01:51 · 1012 阅读 · 1 评论 -
vue中v-if不等于格式
原创 2021-09-26 11:54:22 · 7070 阅读 · 0 评论 -
vue中进度条
最终实现的效果是这样的。具体实现的代码html <ul class="steps__ul"> <li class="steps__li" :class="{'active':active >= 0}"> <img v-if="active >= 0" src="@/assets/bx_svg/1_dui.png"/> <img v-else src="@/assets/bx_...原创 2021-09-25 10:47:36 · 397 阅读 · 1 评论 -
vue+openlayer实现地图聚合效果和撒点效果
前言: openlayer是目前我们gis常用的一款开源的,并且反馈都特别好的软件了,像之前的ol3, 风靡一时,地图实现也很简单,很实用,目前vue中使用地图也是非常多的,那么如果在vue中引入openlayer并且实现地图撒点效果,甚至是更深层的地图聚合效果呢,本文来分享下vue中地图的实现。目前openlayer的5 系列,6.5都是通用的,经测试可用。实现效果:1、聚合效果:2、撒点效果:具体实现步骤:1、项目中引入openlayercn...原创 2021-09-09 14:12:35 · 2084 阅读 · 30 评论 -
Vue.js+node+Socket.IO实现websock的功能
前言: 在很多需求业务中,都需要浏览器和服务器实时通信来实现功能,比如:扫码登录(扫码后,手机确认登录,PC网页完成登录并跳转)、订单语言提醒等,这些都是建立在两端实时通信的基础上的。对前端而言,来实现浏览器和服务器实时通信,最好的选择就是Socket.IO库,能够快速的实现两端实时通信功能。1、什么是 Socket.IO? Socket.IO是一个WebSocket库,可以在浏览器和服务器之间实现实时,双向和基于事件的通信。它包括:Node.js服务器库、浏览器的Java...原创 2021-09-07 09:46:25 · 570 阅读 · 1 评论 -
iview/element的table高度动态设置
前言: 在使用vue的框架的时候,其中列表是大家经常使用的功能,但是放到我们项目中的话,也有很多属性需要我们二次进行改动。iview:1、页面上:官方的话是推荐使用数字或者字符串,但我们需要的是动态,所以给他加一个动态值:height="now_height"<Table ref="now_table" :height="now_height" ></Table> data() { return...原创 2021-09-02 17:11:57 · 1149 阅读 · 9 评论