您的位置:首页技术文章关键词: Vue
文章列表
  • Vue的props父传子的示例代码
  • 废话不多少,父传子做一个比喻首页想加一个图片,但又不想每次都用img而且又让img做css和动画事件。此时最简单的方法做一个页面封装,然后起一个名字让首页自己获取,放一个地址就行!其他什么都不用管。步骤如下:第一步:创建一个组件,相当于创意文件夹,专门存小东西以后经常用<template>...
  • 日期:2023-01-20
  • 浏览:114
  • 标签: Vue

  • Vue 实现对quill-editor组件中的工具栏添加title
  • 前言:quill-editor组件中的工具栏都是英文,而且最难受的时没有title提示,要怎样给他添加title,并且是中文的title提示呢?一、创建一个quill-title.js文件①、在其中插入以下代码const titleConfig = { ’ql-bold’:’加粗’, ’ql-col...
  • 日期:2022-12-19
  • 浏览:221
  • 标签: Vue

  • vue实现简单瀑布流布局
  • vue简单实现瀑布流布局的一种方式(vue瀑布流组件),供大家参考,具体内容如下vue中的瀑布流布局组件需求:图片容器宽度固定,高度根据图片自适应,图片一行不能排列时候,换行依次从左往右排列。(瀑布流概念)另外结合vue-lazy实现懒加载 ( npm i vue-lazyload --save-d...
  • 日期:2023-02-01
  • 浏览:163
  • 标签: Vue

  • Vue的全局过滤器和私有过滤器的实现
  • Vue允许自定义过滤器 可被用作一些常见的文本格式化过滤器可以用在两个地方:mustache插值表达式 和 v-bind表达式过滤器应被添加在JavaScript表达式的尾部 由“管道”符指示(管道符就是一个竖杠:|)一、全局过滤器全局过滤器调用时的基本格式:通过管道符[|]来进行过滤 例如{{na...
  • 日期:2023-01-25
  • 浏览:119
  • 标签: Vue

  • VUE页面中通过双击实现复制表格中内容的示例代码
  • 上篇文章给大家介绍了Vue实现点击按钮复制文本内容的例子,喜欢的朋友可以点击查看,今天给大家分享VUE页面中通过双击实现复制表格中内容,通过示例代码讲解的非常详细,需要的朋友参考下吧!VUE页面中通过双击实现复制表格中内容页面预览:vue中代码实现:<template> <el-t...
  • 日期:2023-01-13
  • 浏览:202
  • 标签: Vue

  • vue实现一个6个输入框的验证码输入组件功能的实例代码
  • 要实现的功能:完全和单输入框一样的操作,甚至可以插入覆盖:1,限制输入数字2,正常输入3,backspace删除4,paste任意位置粘贴输入5,光标选中一个数字,滚轮可以微调数字大小,限制0-96,123|456 自动覆盖光标后输入的字符,此时光标在3后,继续输入111,会得到123111,而不用...
  • 日期:2023-01-11
  • 浏览:169
  • 标签: Vue

  • 解决VUE-Router 同一页面第二次进入不刷新的问题
  • 最近正好遇到一个问题,修改用户的头像,修改后再进入用户主页,发现改了之后即使数据变了。。页面也不会重新渲染。。。下面提供几种解决方案来给予大家参考:1. 可以在刷新的页面定义一个参数, 这样每次都会渲染出不同的页面:route 实例化命名配置:{ // 用户信息 path: ’/accoun...
  • 日期:2022-12-31
  • 浏览:206
  • 标签: Vue

  • vue-video-player视频播放器使用配置详解
  • 本文实例为大家分享了vue-video-player视频播放器的使用配置,供大家参考,具体内容如下1、安装npm install vue-video-player -save2、在main.js中添加import VueVideoPlayer from ’vue-video-player’ // 视...
  • 日期:2022-11-13
  • 浏览:269
  • 标签: Vue

  • 在vue中使用vant TreeSelect分类选择组件操作
  • 中文文档:TreeSelect 分类选择效果展示: //先在你需要的页面中引入,第一个是弹出层,第二个是选择的 import { Popup } from 'vant'; import { TreeSelect } from 'vant';代码部分: <van-popup v-model='p...
  • 日期:2022-11-07
  • 浏览:149
  • 标签: Vue

  • vue使用require.context实现动态注册路由
  • 需求场景:在日常的功能练习和调试过程中,需要一个demo项目进行功能测试,由于频繁.vue页面的同时,又要再router.js文件里面注册路由,感觉有点无聊和枯燥。基于此出发点,考虑能否自动读取文件夹下的文件进行路由注册。借鉴思路:参考vue的功能基础组件的自动化全局注册,看到一个require.c...
  • 日期:2022-10-15
  • 浏览:34
  • 标签: Vue