最近在用vue3重构后台的一个功能。一个弹窗组件,弹出一个表单。然后点击提交。 早上运维突然跑过来问我,为啥弹窗挡住了下边的表格的数据,我添加的时候,都没法对照表格来看了。你必须给我解决一下。 我参考了一下几大Vue的ui组件库。发现element iview antv。好像都没这个功能。为啥 ...
vue 的指令对比vue 的变更,官方给出两点总结 目前 API 已重命名,以便更好地与组件生命周期保持一致 自定义指令将由子组件通过v bind attrs . vue 指令的最终api . 基于面向对象写的拖拽 . 将封装好的拖拽整合在指令上 . 导入注册在当前app 实例 . 在组件中用 ...
2020-10-31 23:36 0 984 推荐指数:
最近在用vue3重构后台的一个功能。一个弹窗组件,弹出一个表单。然后点击提交。 早上运维突然跑过来问我,为啥弹窗挡住了下边的表格的数据,我添加的时候,都没法对照表格来看了。你必须给我解决一下。 我参考了一下几大Vue的ui组件库。发现element iview antv。好像都没这个功能。为啥 ...
<template> <div class="main"> <div class="item" v-for="item in dataList" :ke ...
element-plus 提供的 el-dialog 对话框功能非常强大,只是美中不足不能通过拖拽的方式改变位置,有点小遗憾,那么怎么办呢?我们可以通过 vue 的自定义指令来实现一个可以拖拽的对话框(el-dialog)。 拖拽演示 https://www.zhihu.com ...
第一步: 写一个全局的插件 globle.js 并添加个Vue指令 v-validate , 并在其中定义验证规则,如下,添加了输入字数限制和仅支持输入数字校验 第二步: mian.js 中引入并 use 第三步: 在页面中使 ...
Vue3教程-使用Vue3新特性创建一个简单App 1.Vue3安装和设置 首先,我们需要把项目vue-next-webpack-preview复制过来,此项目包含Vue的设置 git clone https://github.com/vuejs ...
Vue3教程-使用Vue3新特性创建一个简单App 1.Vue3安装和设置 首先,我们需要把项目vue-next-webpack-preview复制过来,此项目包含Vue的设置 git clone https://github.com/vuejs ...
<div class="container"> <div v-my-directive class="drag-box"> ...