![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
张不大了
再遥远的路总会有尽头,再漫长的黑夜总会迎来黎明
展开
-
vue3项目中修改Iframe引入内容的css样式
vue3中修改iframe中css样式原创 2024-05-16 16:35:47 · 974 阅读 · 0 评论 -
vue项目中常用的插件
vuedraggable:Vue.Draggable是一款基于Sortable.js实现的vue拖拽插件。uglifyjs-webpack-plugin:webpack js压缩插件。@riophae/vue-treeselect:带选择的树组件。vue-contextmenujs:右键菜单。vue-giant-tree:可编辑树组件。vxe-table:复杂表格-虚拟表格。ele-calendar:日历组件。vue-print-nb:打印插件。vue-worker:前端多线程。umy-ui:表格UI。原创 2023-05-09 16:00:25 · 803 阅读 · 0 评论 -
动态修改元素的背景图片
动态设置元素背景图片原创 2023-08-15 09:53:01 · 161 阅读 · 0 评论 -
websocket 方法封装
websocket 方法封装原创 2023-12-29 09:09:36 · 434 阅读 · 0 评论 -
前端push.js桌面通知库
push.js桌面通知库原创 2024-01-04 09:59:12 · 739 阅读 · 0 评论 -
vue3报警告:Vue received a Component which was made a reactive object. This can lead to unnecessary perf
vue3报警告:Vue received a Component which was made a reactive object. This can lead to unnecessary perf原创 2024-02-28 16:50:15 · 1584 阅读 · 0 评论 -
vue项目中区域拖拽修改大小, Vue Grid Layout -️ 适用Vue.js的栅格布局系统
vue项目中区域拖拽修改大小, Vue Grid Layout -️ 适用Vue.js的栅格布局系统原创 2024-02-28 08:58:40 · 2540 阅读 · 0 评论 -
echarts中绘制3D三维地球
echarts中绘制3D三维地球原创 2024-02-02 10:19:40 · 1953 阅读 · 1 评论 -
vue中使用stomp.js
vue中使用stomp.js原创 2024-01-31 10:43:24 · 1781 阅读 · 0 评论 -
vue项目中路由懒加载的三种方式
vue中路由懒加载的三种方式原创 2024-01-25 09:23:35 · 1203 阅读 · 0 评论 -
vue中单个页面设置多个上传组件
vue项目中,单个页面中包含多个上传组件处理方式原创 2024-01-24 11:20:40 · 663 阅读 · 0 评论 -
vue项目日期处理day.js
vue项目中日期处理day.js原创 2024-01-04 10:34:49 · 606 阅读 · 0 评论 -
pinia--vue3中的状态管理
vue3中的状态管理pinia原创 2023-12-29 09:27:47 · 1174 阅读 · 0 评论 -
vue项目中定制化音频展示,wavesurfer.js基本使用
vue项目中定制化音频原创 2023-10-27 09:11:35 · 2273 阅读 · 0 评论 -
vue3中组合式Api的setup语法糖写法快速入门
vue3setup语法糖写法原创 2023-10-25 16:44:42 · 278 阅读 · 0 评论 -
前端自动化部署,Devops,CI/CD
3,定义机器人名字和关键字,创建完成后先将。原创 2023-09-04 14:31:00 · 842 阅读 · 0 评论 -
vue项目中直接操作cookie
【代码】vue项目中直接操作cookie。原创 2023-08-18 08:50:28 · 679 阅读 · 0 评论 -
Vue轻量级富文本编辑器-Vue-Quill-Editor
placeholder: "请在这里输入",modules:{toolbar:[['bold', 'italic', 'underline', 'strike'], //加粗,斜体,下划线,删除线['blockquote', 'code-block'], //引用,代码块[{ 'header': 1 }, { 'header': 2 }], // 标题,键值对的形式;1、2表示字体大小[{ 'list': 'ordered'}, { 'list': 'bullet' }], //列表。转载 2023-08-17 09:08:44 · 342 阅读 · 0 评论 -
vue-photo-preview( 照片预览功能 )
图片预览原创 2023-08-16 08:55:34 · 577 阅读 · 0 评论 -
vue3项目中数字滚动效果
数字滚动原创 2023-08-01 09:13:15 · 1357 阅读 · 0 评论 -
格式化数字
格式化数字,项目中常用封装函数原创 2023-07-14 13:25:51 · 39 阅读 · 0 评论 -
格式化文件大小
格式化文件大小原创 2023-07-13 11:11:07 · 120 阅读 · 0 评论 -
Vue3项目中在线编辑组件,codemirror-editor-vue3
codemirror-editor-vue3原创 2023-05-08 16:12:52 · 2827 阅读 · 1 评论 -
vue项目中可配置性文件
vue 可配置性文件原创 2022-08-12 10:33:28 · 316 阅读 · 0 评论 -
mitt应用 及 mitt触发多次接受函数
vue3中使用bus中央事件, mitt的使用,解决mit原创 2022-08-08 13:30:03 · 2538 阅读 · 0 评论 -
Vue中this.$parent的作用
this.$parent 可以访问到父组件 上所有的 data(){ 里的数据信息和生命周期方法,methods里的方法 }!原创 2021-11-03 09:05:26 · 921 阅读 · 0 评论 -
canvas手写签名
canvas 转成图片将 canvas 转成图片,需要用到以下属性:toDataURLcanvas.toDataURL() 方法返回一个包含图片展示的 data URI 。可以使用 type 参数其类型,默认为 PNG 格式。图片的分辨率为96dpi。 const image = new Image() // canvas.toDataURL 返回的是一串Base64编码的URL image.src = canvas.toDataURL("image/png")<!DOCTYPE ht原创 2021-03-08 16:44:49 · 529 阅读 · 0 评论 -
单页面设置多个上传组件
<el-form-item label="背景图:"> <el-upload class="avatar-uploader" action="" :show-file-list="false" list-type="picture" :http-request="Upload" :...原创 2021-03-08 16:19:40 · 459 阅读 · 0 评论 -
@font-face项目中引入非标准字体
先通过 @font-face 定义字体,再使用@font-face {font-family:myFirstFont;src:url( " 路径地址.ttf " ),url(" 路径地址.eot ")}原创 2021-03-05 14:51:20 · 119 阅读 · 0 评论 -
ERR! newcrstemplatefront@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack
解决方法,将 host,修改为localhost原创 2021-03-02 15:56:41 · 432 阅读 · 0 评论 -
vue项目中引入支付宝支付
<template> <div id="AliPay" v-html ="apply"> loading </div></template><script lang="ts">import { Component,Vue,Watch,Prop } from 'vue-property-decorator'import api_web from "../../../api/api_web";@Compone原创 2021-03-02 14:15:43 · 1269 阅读 · 0 评论 -
解决字符串模板@click无效的问题
window.goDetail = this.goDetail;// 解决字符串模板@click无效的问题 let str=`<span class="uliao-news-item" style="color:#0079fe;" οnclick="goDetail()"> 点击 </span>`原创 2021-03-01 15:03:04 · 645 阅读 · 0 评论 -
安装淘宝镜像
npm install -g cnpm --registry=https: //registry.npm.taobao.org原创 2021-02-27 22:57:17 · 5015 阅读 · 0 评论 -
vue中的自定义指令directives
除了核心功能默认内置的指令 (v-model 和 v-show),Vue 也允许注册自定义指令。有的情况下,对普通 DOM 元素进行底层操作,这时候就会用到自定义指令下面定义了一个v-test指令绑定数据name<template> <div class="hello"> <div v-test='name'></div> </div></template><script>export default原创 2021-02-24 09:23:56 · 225 阅读 · 0 评论 -
判断浏览器是否隐藏
判断轮播图是否隐藏(判断浏览器是否隐藏) hidden() { document.addeventListener('visibilitychange',() => { // 如果状态是hidden , 就启动定时器 if(document.visibilityState == 'visible'){ this.autoloop() } else if (document.visibilityS..原创 2021-02-05 14:00:36 · 142 阅读 · 1 评论 -
this.$router.resolve()打开新窗口
有时候需要在单机事件或函数中要求我们新窗口打开页面在点击触发事件函数中:const {href} = this.$router.resolve({ path:"跳转的路由地址"})window.open(href,'_blank')原创 2021-02-03 14:55:02 · 3573 阅读 · 1 评论 -
隐藏滚动条
.hide1::-webkit-scrollbar { display: none;}原创 2021-02-02 17:17:59 · 96 阅读 · 0 评论 -
element ui 修改样式
样式的穿透给父标签设置一个id,例如父标签id="parent"在sass/less中使用/deep/样式穿透#parent /deep/ .swiper-pagination-bullet{ background-color: 'red';}在stulys中使用:>>>实现样式穿透#parent >>> .swiper-pagination-bullet-active { border-radius: 'unset';}...原创 2021-02-01 17:31:12 · 107 阅读 · 0 评论 -
手机端屏幕适配
1.什么是移动端适配在制作webapp时,一个很关键的问题就是适配各种机型不同屏幕的大小,让每种机型上的布局看起来都尽量一样。也就是说用同一套代码在不同分辨率的手机上跑时,页面元素间的间距、留白,以及图片大小会随着变化,在比例上跟设计稿一致。2.常见的移动端适配方法适配方案有很多种,常见的方法有以下几种:固定高度,宽度百分比:这种方法只适合简单、要求不高的webApp,几乎达不到大型项目的要求,属于过时的方法。MediaQuery(媒体查询):现在比较主流的适配方案,比如常用的样式框架Boots原创 2021-01-29 17:27:50 · 374 阅读 · 0 评论 -
Object.assign()的用法
Object.assign方法用于对象的合并,将源对象(source)的所有可枚举属性,复制到目标对象(target)。 例如: const target = {a:1}, const source1 = {b:2} const source2 = {c:3};Object.assign(target, source1,source2); target // {a:1,b:2,c:3} Object.assign 方法的第一个参数是目标对象,后面的参数都是源对象。注意原创 2021-01-29 13:22:55 · 206 阅读 · 0 评论