您的位置:首页技术文章关键词: Vue
文章列表
  • Vue 基于 vuedraggable 实现选中、拖拽、排序效果
  • 今天有个朋友说要做个效果:Vue实现拖拽排序,要有 checked,输出结果是排序后的,要全选,未选中的不能拖动。其实我之前基于 Sortable 做过一个类似的效果。也给他看过了,没看太明白,他就自己基于 vuedraggable 实现了一下。正好有点问题给他解决了一下。废话不多说,先上最终效果:...
  • 日期:2023-01-20
  • 浏览:46
  • 标签: Vue


  • vue+elementUI下拉框回显问题及解决方式
  • 这篇文章主要介绍了vue+elementUI下拉框回显问题及解决方式,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
  • 日期:2022-06-01
  • 浏览:263
  • 标签: JavaScript

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

  • 解决vue 给window添加和移除resize事件遇到的坑
  • 在vue项目中需要监听window窗口变化来时时计算图片的高度,于是就加了一个监听事件;确实监听到了,但是在离开当前页面进入其他页面改变窗口大小时发现window还是处于监听状态,即移除监听事件并没有生效。 //之前的写法,这样写移除监听事件无效 mounted(){ window.add...
  • 日期:2022-12-31
  • 浏览:207
  • 标签: Vue

  • Vue+Vuex实现自动登录的知识点详解
  • 在之前实现的版本中,如果你进行测试,可以看到在浏览器的local Storage中,确实里面有了我们加入的Authorization,而且如果没有登录的话,直接访问主页会进入登录页面。但其实有好几个问题并没有解决:一、我们所加的Authorzation其实并不是从服务器传过来的,而是自己的测试:只要...
  • 日期:2023-02-03
  • 浏览:164
  • 标签: Vue

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

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

  • Vue为什么要谨慎使用$attrs与$listeners
  • 前言在 Vue 开发过程中,如遇到祖先组件需要传值到孙子组件时,需要在儿子组件接收 props ,然后再传递给孙子组件,通过使用 v-bind='$attrs' 则会带来极大的便利,但同时也会有一些隐患在其中。隐患先来看一个例子:父组件:{ template: ` <div> <i...
  • 日期:2022-12-03
  • 浏览:254
  • 标签: Vue

  • Vue select 绑定动态变量的实例讲解
  • 概述根据后台的数据生成多个select,由于数据的数量不定,所以v-model绑定的变量名也不定。所以通过数据的id或者下标进行变量拼接。页面能够成功渲染,但是当进行下拉框的选值时,组件不刷新,选中的结果并没有展示Code<div v-for='(item, index) in tagAllD...
  • 日期:2022-11-14
  • 浏览:276
  • 标签: Vue

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