• 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

---

---