zl程序教程

vue插件

  • 种草 Vue3 中几个好玩的插件和配置

    种草 Vue3 中几个好玩的插件和配置

    松哥最近正在录制 TienChin 项目视频~采用 Spring Boot+Vue3 技术栈,里边会涉及到各种好玩的技术,小伙伴们来和松哥一起做一个完成率超 90% 的项目,戳戳戳这里-->TienChin 项目配套视频来啦。小伙伴们知道 TienChin 项目前端用的是 Vue3,当我们把 Vue3 官网刷了一遍之后回来看 TienChin 项目的前端,发现还是有很多不太一样的地方,今天松

    日期 2023-06-12 10:48:40     
  • Vue3导入方法太麻烦?试试这个不用导入方法的插件!

    Vue3导入方法太麻烦?试试这个不用导入方法的插件!

    展开 var __INLINE_SCRIPT__=function(){"use strict";var e=function(e,a,t){function i(e,a){var t=e.match(new RegExp(a+"\\s*=\\s*[\"']?([^\"'\\s>]+)[\"'

    日期 2023-06-12 10:48:40     
  • (VUE!jQuery!插件!)盘点前端群的无脑回答

    (VUE!jQuery!插件!)盘点前端群的无脑回答

    0.前言你是不是在前端群见过很多这种前景:这个怎么做?怎么拿到这些数据?怎么更新整个列表?回答:循环啊!遍历啊!用一个数组保存,遍历!jQuery!vue!然后有一些稍微高级的:我想快一点的解决方法。我想用性能好一点的方法。回答:递归啊!开个新的数组保存中间变量,再遍历!document.querySelectorAll获取全部,缓存一下长度、所有的元素,遍历!快排,小的放左边大的放右边,递归!然

    日期 2023-06-12 10:48:40     
  • Vue中封装复制粘贴插件Clipboard

    Vue中封装复制粘贴插件Clipboard

    Clipboard是最常用的复制粘贴插件,以下代码展示如何在Vue中封装和调用该插件。1. 安装插件npm install clipboard --save复制2. 插件封装import Vue from 'vue' import Clipboard from 'clipboard' function clipboardSuccess() { Vu

    日期 2023-06-12 10:48:40     
  • vue分页轮播_jquery分页插件

    vue分页轮播_jquery分页插件

    大家好,又见面了,我是你们的朋友全栈君。使用了有赞vant ui库轮播组件<template> <div class="icons"> <van-swipe :loop="false" indicator-color="#fff"> <van-swipe-item v-for="(pa

    日期 2023-06-12 10:48:40     
  • Vue中使用XML和JSON格式互转插件

    Vue中使用XML和JSON格式互转插件

    1.安装依赖npm install x2js复制2.在入口函数中引入并挂载到原型import x2js from 'x2js' Vue.prototype.$x2js = new x2js()复制3.使用方法//xml转json this.$x2js.xml2js() //json转xml this.$x2js.js2xml()复制

    日期 2023-06-12 10:48:40     
  • 使用Vue开发Chrome插件

    使用Vue开发Chrome插件

    前言​我当时学习开发 Chrome 插件的时候,还不会 Vue,更别说 Webpack 了,所以使用的都是原生的 html 开发,效率就不提了,而这次就准备使用 vue-cli 来进行编写一个某 B 站获取视频信息,评论的功能(原本是打算做自动回复的),顺便巩固下 chrome 开发(快一年没碰脚本类相关技术了),顺便写套模板供自己后续编写 Chrome 插件做铺垫。相关代码开源github 地址

    日期 2023-06-12 10:48:40     
  • 用vue写一个日历插件

    用vue写一个日历插件

    ​ 先上图,看看效果 项目git地址 思路:实现获取当前时间,新建一个datalet now = new Date();复制然后需要判断显示的是否为当月时间if (cur) { date = new Date(cur); } else { let now = new Date(); date = new Date( /指定时间/

    日期 2023-06-12 10:48:40     
  • (十三)Vuex 插件系统

    (十三)Vuex 插件系统

    一、实现一个状态持久化说明可以在页面刷新的时候 vuex 的数据不丢失,增强用户体验在 store 文件夹下面创建一个 persist.js 的文件来存放插件代码,插件就是接收 store 作为参数的函数,可以做对 mutations actions 的等等一系列操作(1)、 在页面刷新之前把数据存放到 localStoreageexport default function persisStat

    日期 2023-06-12 10:48:40     
  • IDEA安装Vue插件后为什么创建.vue文件不显示vue图标

    IDEA安装Vue插件后为什么创建.vue文件不显示vue图标

    我的IDEA安装Vue插件后,按道理来说,新建一个.vue文件,文件前面应该会有一个"V"一样的图标,然而事实并不是。百度了一圈,大部分人都是说这样的:试了一下,并没用。于是乎,我找到了正确答案来帮刚入门Vue的小白填坑:打开 File--->settings--->Editor--->File Types:如此,Vue的图标就会显示了~不过呢,话说回来,如果

    日期 2023-06-12 10:48:40     
  • mpvue 如何使用腾讯视频插件?

    mpvue 如何使用腾讯视频插件?

    1.在小程序微信开放平台:设置 --- 第三方服务里,申请腾讯视频插件2.申请成功后就可以在项目中使用了 具体使用步骤如下:1.在项目目录src下的main.js中加入下面代码,这里代码会被编译到app.json中 config: { // 页面前带有 ^ 符号的,会被编译成首页,其他页面可以选填,我们会自动把 webpack entr

    日期 2023-06-12 10:48:40     
  • ubuntu21.04(linux):为chrome安装vue-devtools(6.0.0 beta 14)调试插件

    ubuntu21.04(linux):为chrome安装vue-devtools(6.0.0 beta 14)调试插件

    一,安装yarn 1,安装yarn root@lhdpc:~# npm install -g yarn > yarn@1.22.10 preinstall /usr/local/soft/node-v14.17.1-linux-x64/lib/node_modules/yarn > :; (node ./preinstall.js > /dev/null 2>&

    日期 2023-06-12 10:48:40     
  • 手摸手带你用实现vue全屏loading插件

    手摸手带你用实现vue全屏loading插件

    手摸手带你用实现vue全屏loading插件 前言: 由于我们打开网页时,浏览器与服务器交互需要时间,受限于宽带以及服务器性能,导致用户在访问一个网页时

    日期 2023-06-12 10:48:40     
  • 推荐一个格式化json数据的谷歌插件JSONView:谷歌浏览器中JSONVue扩展程序插件jsonview的下载与安装

    推荐一个格式化json数据的谷歌插件JSONView:谷歌浏览器中JSONVue扩展程序插件jsonview的下载与安装

      介绍: 在线格式化的网站有很多。但是都需要每次都要去打开网站。然后手动复制粘贴。非常麻烦。有了个代码格式化插件。非常方便。直接就能看。 实际开发工作中经常用到json数据,那么就会有这样一个需求:在谷歌浏览器中访问URL地址返回的json数据能否按照json格式展现出来。 谷歌浏览器json格式化插件有很

    日期 2023-06-12 10:48:40     
  • 185: vue+openlayers 引用hover插件,展示各种鼠标cursor样式

    185: vue+openlayers 引用hover插件,展示各种鼠标cursor样式

    第185个 点击查看专栏目录 本示例的目的是介绍演示如何在vue+openlayers中使用hover效果,这里是引用了一个hover插件。鼠标对应到相应的feature中时候,

    日期 2023-06-12 10:48:40     
  • 【Vue】Vue中“插件”的调用方法

    【Vue】Vue中“插件”的调用方法

    在main.js中输入:Vue.use(XXX.js) 后续视实例情况更新

    日期 2023-06-12 10:48:40     
  • 【Vue/Js】如何解决谷歌浏览器(chrome)扩展插件安装后,再打开自动消失问题(两种解决方案)

    【Vue/Js】如何解决谷歌浏览器(chrome)扩展插件安装后,再打开自动消失问题(两种解决方案)

    第一种方案:(推荐,一般都可以解决问题): 卸载后,再重新从官网下载最新版安装。 注意:卸载一定要把缓存数据都卸载干净。 第二种方案:(不推荐,需要登陆用户,有时会出现网络登不上的问题)

    日期 2023-06-12 10:48:40     
  • Vue.js 使用cordova camera插件调取相机

    Vue.js 使用cordova camera插件调取相机

    本文给出在vue.js里如何使用cordova的插件完成调取相机及图库,并完成图片上传的操作。具体的操作步骤如下 第一步:在cordova项目下安装cordova-plugin-camera插件 cordova plugin add cordova-plugin-camera 第二步:在需要调取相机的地方,加入相关的代码 cameraTakePicture: function (mySo

    日期 2023-06-12 10:48:40     
  • Vue - 解决 v-html 指令(或其他解析插件)富文本解析图片无法自适应宽高问题(图片超出屏幕宽度且不受控)

    Vue - 解决 v-html 指令(或其他解析插件)富文本解析图片无法自适应宽高问题(图片超出屏幕宽度且不受控)

    前言 本文将提供一个函数,帮助您解决图片无法适应的问题,另外函数中还提供了一些常见的样式处理。 使用 v-html 指令或第三方插件解析富文本时,当内容包含图片时显示的结果就会超出父容器宽度, 会导致出现横向

    日期 2023-06-12 10:48:40     
  • vue插件的使用:为什么需要使用 vue.use?为什么不可以直接 import from?

    vue插件的使用:为什么需要使用 vue.use?为什么不可以直接 import from?

    在Vue中引入使用第三方库通常我们都会采用import的形式引入进来,但是有的组件在引入之后又做了Vue.use()操作,有的组件引入进来又进行了Vue.prototype.$something = something,那么它们之间有什么联系呢? 1. Vue.prototype.$axi

    日期 2023-06-12 10:48:40     
  • vue-split-table【表格合并和编辑插件】

    vue-split-table【表格合并和编辑插件】

    前言 vue-split-table应用的效果图 vue-split-table开源地址,欢迎star,现在已经开源和同步到npm上轻松搞定表格拆分或者合并,编辑,再也不怕被产品怼啦 1.核心源码分析 <td>里面嵌套<table>实现表格拆分; 原生实现复选框的单选和全选功能; props属性像父组件暴露属性值; $emit自定义事件方法向父组件传值; 作用域插槽&

    日期 2023-06-12 10:48:40     
  • vue各种插件汇总

    vue各种插件汇总

    https://blog.csdn.net/wh8_2011/article/details/80497620(copy) Vue是什么?   Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常

    日期 2023-06-12 10:48:40     
  • vue的地图插件amap

    vue的地图插件amap

    https://www.jianshu.com/p/0011996b81e2(amap) npm install vue-amap --save

    日期 2023-06-12 10:48:40     
  • vuepress2.x集成评论插件

    vuepress2.x集成评论插件

    这是官方文档 这是效果 开通Giscus Giscus是github的一个功能,用了专门存放评论的功能。需要依托一个仓库。 我这里就拿我这个当前vuepress项目开开通。 Settings>Features>Discussions 获取Giscus信息 进入此网站,获取信息 在你的vuepress项目中启用此插件 yarn add -D vuepress-plugin-com

    日期 2023-06-12 10:48:40     
  • vue从入门到进阶:自定义指令directive,插件的封装以及混合mixins(七)

    vue从入门到进阶:自定义指令directive,插件的封装以及混合mixins(七)

    文章目录 一.自定义指令directive 钩子函数 钩子函数参数 对象字面量 二.插件 怎样使用插件 简单例子 三.混合mixins 选项合并 全局混合 自定义选项合并策略 一.自定义指令directive 除了核心功能默认内置的指令 (v-model 和 v-show),Vue 也允许注册自定义指令。注意,在 Vue2.0 中,代码复用和抽象的主要形式是

    日期 2023-06-12 10:48:40     
  • 基于 Vue BootStrap的迷你Chrome插件

    基于 Vue BootStrap的迷你Chrome插件

    代码地址如下:http://www.demodashi.com/demo/14306.html 安装 安装 Visual Studio Code 和Chrome, 自行FQ 详细安装这里略过 安装包管理工具 用管理员身份运行cmd,输入: npm install -g bower (全局安装) 创建 新建目录brochure 进入目录运行 bower install b

    日期 2023-06-12 10:48:40     
  • Idea使用技巧14--idea安装vue插件

    Idea使用技巧14--idea安装vue插件

    原文地址:https://www.cnblogs.com/luckyplj/p/15337293.html 1.打开settings设置 File——>Settings——>Plugins——>在搜索框中输入【vue】,点击【Browse repositories】选项。    2. 选择【Vue.js】,点击右侧的【Install】按钮 3、

    日期 2023-06-12 10:48:40     
  • vue-awesome-swiper 插件

    vue-awesome-swiper 插件

    Swiper 版本区分了组件和普通版本 (1)npm install vue-awesome-swiper –save   (2)在 main,js 里引入(全局): import VueAwesomeSwiper from 'vue-awesome-swiper' Vue.use(VueAwesomeSwiper) import 'swiper/dist/css/swiper.cs

    日期 2023-06-12 10:48:40     
  • 【Vue】vue组件和vue插件的创建和使用(底部栏组件、Toast 和 Notify通知插件)

    【Vue】vue组件和vue插件的创建和使用(底部栏组件、Toast 和 Notify通知插件)

    Vue组件 01 单文件 介绍 1.1 一个.vue 文件的组成(3个部分) 模板部分 <template> 页面模板 </template> JS模块对象

    日期 2023-06-12 10:48:40     
  • Fundebug发布Vue插件,简化BUG监控接入代码

    Fundebug发布Vue插件,简化BUG监控接入代码

    摘要: 代码越短越好! 我们发布了fundebug-vue插件,可以简化Vue框架接入Fundebug的代码。 Vue如何接入Fundebug 1. 安装fundebug-javascript与fundebug-vue npm install fundebug-javascript fundebug-vue 2. 配置 import * as fundebug from "fundebug-j

    日期 2023-06-12 10:48:40     
  • vue插件

    vue插件

    UI组件 http://www.jqsite.com/notes/1704205187.html element ★11612 - 饿了么出品的Vue2的web UI工具套件 Vux ★7503 - 基于Vue和WeUI的组件库 iview ★5801 - 基于 Vuejs 的开源 UI 组件库 mint-ui ★5517 - Vue

    日期 2023-06-12 10:48:40