vue
文章平均质量分 69
梅坞茶坊
这个作者很懒,什么都没留下…
展开
-
Vue Clipboard 异步复制粘贴
Vue Clipboard 异步复制粘贴原创 2022-11-24 16:56:28 · 1006 阅读 · 1 评论 -
Vue实现回到顶部
Vue实现回到顶部原创 2022-10-13 16:34:55 · 509 阅读 · 0 评论 -
Echarts 折线图一个点显示多个实时数据tooltip提示框
在项目开发当中遇到一个需求,需要在一个折线图当中显示多个实时数据,刚开始觉得有点困难,毕竟echarts虽然用了很久了,但是里面的api参数很多,常用的就是饼状图、柱状图、以及折线图,对于这种需求立马就是在网上看相应的文章,但是网上关于这方面的文章也很少,后来通过在网上搜索了一篇文章获得了启发,然后查看echarts官方文档,发现果然可以实现,只不过在series中的data值里面我们一般默认是一个数组其实它是可以自己定义json数据类型的,然后包裹在数组里面,真正在调用的时候通过data里面的数据进行调用原创 2021-12-06 17:25:39 · 2992 阅读 · 0 评论 -
Vue本地存储插件vue-ls
Vue插件,用于从Vue上下文中使用本地Storage,会话Storage和内存Storagegit地址:https://github.com/RobinCK/vue-ls1. 安装NPMnpm install vue-ls --saveYARNyarn add vue-ls2. 使用import Storage from 'vue-ls'; options = { namespace: 'vuejs__', // key键前缀 name: 'ls', // 命名原创 2021-06-24 15:59:46 · 1076 阅读 · 0 评论 -
vue项目中如何进行登录控制(为什么要使用to.matched)
1.vue项目当中通常都是通过设置routes配置项来控制路由跳转,例如设置routes:[ { path: '/cinema', redirect: '/page/cinema', component: BlankLayout, meta: { title: '影院' , requiresAuth: true} children: [ { path: '/cinema/plan',原创 2021-02-22 08:50:38 · 1408 阅读 · 0 评论 -
Vue history模式刷新页面404问题
为什么会出现404我们先来看一下我们给到后端的dist文件可以看到dist下只有一个index.html文件及一些静态资源,这个是因为Vue是单页应用(SPA),只有一个index.html作为入口文件,其它的路由都是通过JS来进行跳转接着我们再来分析一下后端nginx的配置server{//监听80端口listen80;//定义你的站点名称server_namewebsite.com;//根据请求URI设置配置l...原创 2020-11-24 09:55:34 · 12406 阅读 · 0 评论 -
JavaScript实现input连续输入,只发一次请求
handleSearch() { if (this.keyword != '') { // 实现input连续输入,只发一次请求 clearTimeout(this.timeout) this.timeout = setTimeout(() => { this.pageNum = 1; ...原创 2020-10-21 17:32:05 · 1513 阅读 · 0 评论 -
vue防止频繁点击
preventReClick.jsimport Vue from 'vue'const preventReClick = Vue.directive('preventReClick', { inserted: function (el, binding) { el.addEventListener('click', () => { if (!el.disabled) { el.disabled = true ...原创 2020-10-21 10:39:03 · 577 阅读 · 0 评论 -
Vue中解决新脚手架3创建项目的移动端双击屏幕放大,双手拉动放大的方法
<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <link rel=".原创 2020-10-19 16:06:14 · 924 阅读 · 1 评论 -
vue vant-checkbox组件根据value获取数组下标
<template> <div class="main-para"> <van-nav-bar title="选择门店" class="public-title" left-arrow @click-left="onClickLeft" /> <div class="main"> <van-search v-model="search" shape="round" placeholder="...原创 2020-10-19 15:04:55 · 2621 阅读 · 0 评论 -
uni-app实现的搜索功能 可以应用到vue和小程序
search.vue<template> <view class="search" :style="{ backgroundColor: backgroundColor }"> <view class="content" :style="{ 'border-radius': radius + 'px', border: border }"> <view class="content-box" :class="{ ...原创 2020-09-26 15:32:58 · 1941 阅读 · 0 评论 -
vue自定义点击空白隐藏其他标签
<div class="head_right" v-clickoutside="outsideClose"> <div class="keshi" @click="showks"> 科室<van-icon name="play" color="#004593" size="16px"></van-icon> ...原创 2020-06-30 16:07:13 · 459 阅读 · 0 评论 -
vue vant组件配合vue-router完成加载更多
app.vue<template> <div id="app"> <router-view/> </div></template>/*********************************************************************************/...原创 2020-04-29 11:58:43 · 1215 阅读 · 0 评论 -
vue 操作成功刷新本页面
app.vue<template> <div id="app"> <router-view v-if="isRouterAlive" /> </div></template><script> export default { name: 'app', ...原创 2020-04-29 11:54:37 · 1272 阅读 · 0 评论 -
Vue中的keepalive使用 缓存页面和不缓存页面
什么是keepalive:我们在平时开发中,总有部分组件没必要多次 Init,我们需要将组件进行持久化,使组件状态维持不变,在下一次展示时,也不会重新init。keepalive 音译过来就是保持活跃,所以在vue中我们可以使用keepalive来进行组件缓。基本使用://keepalive包含的组件会被进行缓存<keep-alive> <component /...原创 2020-04-29 10:17:47 · 3816 阅读 · 0 评论 -
vue文件模板
<template> <div class=""> </div></template><script> export default { name: '', data() { return { } }, ...原创 2020-04-19 13:35:21 · 284 阅读 · 0 评论 -
vue 基于vuex 请求令牌token 刷新令牌token验证
store.jsimport Vue from "vue"import Vuex from "vuex"/** Vuex持久化存储之vuex-persist Vuex 解决了多视图之间的数据共享问题。但是运用过程中又带来了一个新的问题是, Vuex 的状态存储并不能持久化。也就是说当你存储在 Vuex 中的 store 里的数据, 只要一刷新页面,数据就丢...原创 2020-04-29 08:32:24 · 1401 阅读 · 0 评论