-
Element-UI自定义拖拽列表的制作方法
引言 当我们使用 Element-UI 的自定义拖拽列表时，有时候需要根据拖拽的字段位置，将数据组成不同的列表进行显示。这种情况下，我们可以通过一些简单的操作，来实现自定义拖拽列表中的分类展示。在这里将介绍如何使用 Element-UI 和第三方组件库 vuedraggable ，快速…
2024-09-15 103
-
vue3插槽
在Vue 3中，插槽是一种让父组件能够向子组件传递内容的机制。插槽可以分为默认插槽、具名插槽和作用域插槽。1、默认插槽：子组件在模板中预留一个插槽，父组件可以传入内容填充这个插槽。1）子组件（Child.vue）：<template> <div> <slot>默认内容…
2024-09-14 89
-
vue3跨组件传值（爷孙组件传值）
在父组件中通过provide来传递provide(data:要传递的值)在下面的子组件或孙组件中通过inject接收let ecorData: any = inject("data");注意:这样传递值在通过 inject 接收的页面通过watch监听是监听不到的
2024-09-13 105
-
Vue3 跨组件传参 provide 与 inject
provide 用于：让父组件 传递数据。inject 用于：让后代组件 接收数据。语法格式：// 传递数据import { provide } from vue;provide(数据名, 数据); // 接收数据import { inject } from vue;let 变量 = inject(数据名);跨组件传参：第一层组件：传递数据。<templat…
2024-09-13 95
-
import Vue form 'vue’的意思
import Vue form ‘vue’ 写全的话是import Vue from ‘…/nodemouls/vue/list/vue.js’； 此时在webpack.base.conf.js中进行了定义，内置了一些选项，extenions:[’.js’,’.vue’,’.json’],意思是省略后面的后缀，由webpack来自动为我们加上。如果名字比较长，还可以…
2024-09-12 94
