- 博客(4)
- 资源 (17)
- 问答 (1)
- 收藏
- 关注
RSS订阅
原创 vue项目中 基于vue-grid-layout开发的拖拽对换位置，九宫格拖拽排序，换位
安装：npm install vue-grid-layout --save&yarn add vue-grid-layout1、使用vue-grid-layout开发的一款拖拽排序，项目拖走其他自动挤进一效果如下：代码如下：<template> <grid-layout :layout="layout" :auto-size="false" :col-num="3" :row-height="100"
2021-07-15 00:48:59
2253
3
原创 vue2.x 常用自定义指令，项目常用自定义指令
directives.jsimport Vue from 'vue'/** * 点击元素外 触发事件 * */Vue.directive('clickoutside', { bind(el, binding, vnode) { function documentHandler(e) { // 这里判断点击的元素是否是本身，是本身，则返回 if (el.contains(e.target)) { return false }
2021-07-08 11:24:09
1063
1
原创 超实用：Vue 自定义指令合集
在Vue2.0中，代码复用和抽象的主要形式是组件。然而，有的情况下，你仍然需要对普通DOM元素进行底层操作，这时候就会用到自定义指令。你可以将一些css样式抽象到指令中，也可以将一些js操作放到指令中去执行。就使用上来说，指令不用像组件一样需要引入和注册，注册后使用非常简洁方便。对于在项目中常用到的指令，在此做了一个合集介绍，附源码可以直接在项目中使用。元素点击范围扩展指令 v-expandClick使用该指令可以隐式的扩展元素的点击范围，由于借用伪元素实现，故不会影响元素在...
2021-07-08 09:23:27
650
原创 Vue祖孙组件怎么传值
Vue祖孙组件怎么传值先看基础祖孙组件，也就是 3 层嵌套的组件。关于 vue 中父子组件之间的数据传递是通过 props 和 $emit 实现，参考Vue 父子组件传值。那祖孙组件之间传值怎么实现，先了解下面的几个 vue 属性。$props当前组件接收到的 props 对象。Vue 实例代理了对其 props 对象 property 的访问。$attrs$attrs 是一个 Object，它包含了父作用域中不作为 prop 被识别 (且获取) 的 attribute 绑定 (
2021-07-21 20:50:41
1773
vue3.x+vite+ts+vue-router@4.x 路由使用demo
2022-07-24
vue3.x中使用cesium，vue3.x+Cesium
2022-05-04
Chrome-Sync-Helper谷歌登录插件，谷歌登录同步插件
2020-11-30
vuecli4.x+element搭建的基础框架
2020-11-24
网页保存图片并下载到本地 兼容IE浏览器
2019-02-20
vue3+vuerouter@4+项目中路由跳转如何一直携带固定参数
2024-05-07
基于vue-grid-layout拖拽，6宫格1大5小，如何实现拖拽换位
2021-07-21
TA创建的收藏夹 TA关注的收藏夹
TA关注的人