![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
Wether or not
这个作者很懒,什么都没留下…
展开
-
Vue的slot传参
Vue的slot传参原创 2023-03-02 15:03:51 · 1450 阅读 · 0 评论 -
解决vue的slot传参无法使用v-model双向数据绑定的问题
vue的slot插槽传参时使用v-model无法双向数据绑定问题解决原创 2023-03-02 11:40:51 · 1586 阅读 · 1 评论 -
uniapp的支付宝小程序的跳转页面传参方式
uniapp跳转传参原创 2022-07-07 20:56:44 · 1624 阅读 · 0 评论 -
vue封装utils——防抖
vue封装防抖等utils原创 2022-06-30 21:09:44 · 512 阅读 · 0 评论 -
vue中$router的接受传递参数--query和params区别
vue中$router的接受传递参数–query和params区别https://blog.csdn.net/weixin_43902063/article/details/109169672记录,感谢转载 2022-03-14 15:44:07 · 117 阅读 · 0 评论 -
vue使用scss文件,直接在.vue文件中使用
低版本cli解决办法:自己突发奇想,结合自己以前的项目,也想直接引用scss,而不需要配置那么多。先给上以前版本的cli使用的方法吧:点击进入高版本cli:本人vuecli的版本为 "@vue/cli-service": "~4.5.0",本人vue版本为:"vue": "^2.6.11",参考vue官方:点击进入随便找个路径创建一个.scss文件代码如下$bg_color:rgb(204, 41, 41);$size:88px;如图所示:在vue.config.js文件夹原创 2022-02-24 16:52:18 · 1034 阅读 · 0 评论 -
在vue中使用animate.css
以前的使用方法改了,还是看了文档才知道怎么用官网链接当然vue有支持的动画,可自行翻越官网这是在vue-cli项目中直接下载依赖,现在应该没有直接创建一个html文件的吧控制台:npm install animate.css --savemain.js中:import animated from 'animate.css' … Vue.use(animated)<template> <div class="mainbox"> <transitio原创 2021-11-23 14:04:50 · 622 阅读 · 0 评论 -
在vue中使用ckeditor富文本,实现上传本地图片
哦,俺使的是ckeditor4-vue,应该差不多吧,记录一下吧,有同样用这个插件的大佬也可以跟着一起研究一下(废话不多说)下载安装ckeditor4-vuenpm i ckeditor4-vue@1.0.1或者"ckeditor4-vue": "^1.0.1",将这个代码放到package.json中,然后npm i想要实现本地图片,最重要的就是(反正我这最重要)"ajax-hook": "^2.0.3",安装这个玩意至于ckeditor的使用在main.js中:import CKEdit原创 2021-11-18 19:44:57 · 2757 阅读 · 0 评论 -
js获取当前时间并且格式化(YYYY-MM-DD HH:ss:mm)
两种方法:1.直接复制代码,直接封装好获取当前的时间getTime() { Date.prototype.Format = function(fmt) { var o = { "M+": this.getMonth() + 1, //月份 "d+": this.getDate(), //日 "H+": this.getHours(), //小时 "m+": this.getMinutes(), /原创 2021-11-12 14:30:30 · 4745 阅读 · 0 评论 -
el-upload上传文件的问题
废话不多说,额,说一下吧,要不自己脑子不好使,过两天就看不懂了需求就是贼简单的上传,不同的是需要同时上传,后续再次展示 <div class="nb-or"> <el-upload ref="pictureUpload" // 这里暂时没用。 :limit="1" // 限制上传文件的数量, :action原创 2021-11-10 08:42:10 · 400 阅读 · 0 评论 -
路由跳转this.$router,this.$route
vue路由直接打印一下this在控制台点击展开vue组件,里面有 $ router和 $ route,有什么区别呢来看一下$route中的prototype中的方法再看一下 $ router中的方法.$ route为当前router跳转对象里面可以获取name、path、query、params等$ router为VueRouter实例,想要导航到不同URL,则使用$router.push方法也可以携带参数:this.$router.push({ path:"/deta原创 2021-10-25 17:46:25 · 438 阅读 · 0 评论 -
vue使用element的el-table表格的懒加载
因为项目的数据,逻辑比较复杂,所以需要在表格加载出来做一个懒加载就是因为逻辑复杂,刚接手的项目维护有点麻烦,耽误很长时间,加上昨天对象来找我,没休息好,搞了半天,头昏脑胀的。 (主要是res的转换问题以及渲染问题)数据分析:此项目的 数据为用户画一个圆形,筛选出图形里面包含的数据,可能多,可能少,后台没有去进行分页处理,所以前端需要自行分页<-- css样式 --> <el-table v-loading="loading"原创 2021-10-17 23:22:54 · 7129 阅读 · 4 评论 -
iconfont 怎么添加新的图标
点这里看原文(拷贝一份的原因是防止博主删除,从而找不到资源)1、官方添加新的图标到购物车里面,然后“下载代码”:2、下载,解压,在 assets 中新建一个 fonts2 的文件夹,用来存放后来下载的图标字体文件。对比之前的 fonts 下面的文件:注解:后来下载的字体图标文件,主要查看 iconfont.css 里面 @font-face 里面主要引用了哪些文件,然后把这些文件重命名(主要是防止和之前 fonts 下面的文件名冲突),全部拷贝到之前 fonts 文件夹下面。然后把后来下载的原创 2021-10-08 17:19:17 · 783 阅读 · 0 评论 -
vue全屏方法
// css<li :class="['map-toolbar-item',!fullscreen?'':'active']" @click="launchFullScreen()"> <i :class="['map-toolbar-icon', 'iconfont', 'iconfangda']"></i> <span class="map-toolbar-label">{{ !fullscreen?'全屏':'退出全屏' }}原创 2021-10-08 16:00:16 · 1733 阅读 · 0 评论 -
前端AES加密
1、创建crypto.js文件import CryptoJS from 'crypto-js';const AESKEY = 'abcdfghigklmnopq';// 16位密钥,和后端保持一致const encrypt = (text) => { let key = CryptoJS.enc.Utf8.parse(AESKEY); let encrypted = CryptoJS.AES.encrypt(text, key, { drop: 128,.原创 2021-09-23 14:24:38 · 408 阅读 · 0 评论 -
vue-video-player的使用
vue-video-player的使用用到了一个视频播放插件,直接上代码了//css <video-player ref="videoplayer" :playsinline="true" @play="onPlayerPlay($event)" :options="playerOptions" > </video-player>// script原创 2021-05-11 11:59:05 · 888 阅读 · 0 评论 -
抖音上传视频(纯前端实现霸屏软件的功能)进店转发视频功能,详情搜索抖音霸屏软件
抖音霸屏软件抖音霸屏介绍先来介绍一下吧,嫌啰嗦的可以直接跳转>>>思路分析 ↓抖音开发文档思路分析步骤抖音霸屏介绍先来介绍一下吧,嫌啰嗦的可以直接跳转>>>思路分析 ↓1.抖音同城霸屏:可控制所有扫码用户发布视频的时间—实现片区域本地霸屏;2.蓝V号增粉:顾客扫码一键领取优惠券并自动发布视频、同时自动跳转到商家蓝V号关注并了解商家更多商品优惠内容;这是我从网上找的一些资料,好了好了,不贴图片了,我是来分享技原创 2021-05-08 08:43:45 · 2263 阅读 · 10 评论 -
vue ui(可视化界面3.0)更改端口号
在vue可视化界面(vue3.0)中是无法修改端口号的;默认是localhost://8080想要修改的话可以在vue.config.js中添加port:8089即可8089即为自己想要更改的端口号module.exports = { devServer: { // port: 8089, // 端口号 overlay: { warnings: false, errors: false }原创 2021-03-31 12:00:53 · 1251 阅读 · 0 评论 -
vue中echart宽度自适应
首先根据echart的官网完成图表的绘制重点来了需要在mounted钩子函数中加入一个window.onresize = ()=> {}即可此为一个图表的解决办法,仅为个人记录直接上代码吧<template> <div> <span>日期</span> <button :class="{active:shows==1}" @click="drawLine();change1()">近一周</button&原创 2021-03-04 10:55:01 · 480 阅读 · 1 评论