![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
蜡笔小嘟
这个作者很懒,什么都没留下…
展开
-
ant design vue 树形列表新增数据 图表不响应
问题:ant design vue 树形列表新增数据 数据打印有增加可是图表不响应需要的效果:const add = () => { const newData = { id: treeData.value?.length + 10, title: 'test', pid: 0, name: 2, change: true, key: treeData.value?.length + 10, }; treeData.value原创 2022-05-11 16:45:54 · 452 阅读 · 0 评论 -
ant 封装弹窗报错 Unexpected mutation of “visible“ prop.
封装ant 弹窗时报错:Unexpected mutation of “visible” prop.原因:大概就是说不允许在子级修改父级的数据。解决:更改前: <a-modal v-model:visible="visible" title="Basic Modal" @ok="handleOk">更改后: <a-modal :visible="visible" @update:visible="updateVisible" > const upd原创 2022-05-06 14:51:05 · 4401 阅读 · 0 评论 -
ant-design-vue 拖拽树形表格 vue3.0 ts
技术: ant-design-vue ts vue3.0。原创 2022-04-29 17:36:38 · 3086 阅读 · 0 评论 -
vue3.0 vite axios挂载全局获取不到
在main.ts中代码:import axios from 'axios'app.config.globalProperties.$http = axios在普通页面去调用$http//获取当前组件的实例、上下文来操作router和vuex等import { getCurrentInstance } from 'vue'setup(){ const { ctx } = getCurrentInstance() as any console.log('ctx', ctx, ctx原创 2021-12-30 14:18:00 · 1375 阅读 · 1 评论 -
element-plus 自动导入导致message样式错误
项目采用的是element-plus自动导入<template> <el-button :plain="true" @click="open">Show message</el-button></template><script lang="ts">import { defineComponent, h } from 'vue'import { ElMessage } from 'element-plus'export defa原创 2021-12-29 11:26:06 · 3003 阅读 · 0 评论 -
vue3.0获取$refs
<login-pop ref="login"></login-pop> setup() { const login = ref() const openDialog = () => { login.value?.openDialog() } return { openDialog, login }//**记得把所需要的方法和属性值都要return** },原创 2021-12-24 17:26:25 · 7567 阅读 · 0 评论 -
vue 3.0 keep-alive 失效 报错 Cannot read properties of null (reading ‘parentNode‘)
版本:vue “3.2.4”vue-loader “16.4.1”vue-router “4.0.11” <router-view v-slot="{ Component }"> <keep-alive> <suspense timeout="0"> <template #default> <component :is="Component" />原创 2021-12-07 17:17:02 · 5706 阅读 · 3 评论 -
cron 解析与反解析 + element
参考了 easy-cron-input 插件官网出来的效果图:封装成一个组件,代码如下:<template> <div> <el-form-item label="cron频率:" required> <div class="flexStart cron-style"> <el-select v-model="period" @change="periodChange" class="cron-perio原创 2021-06-25 16:50:30 · 1631 阅读 · 2 评论 -
Sortablejs+element表格实现拖拽
原理:把树形的结构数据在拖拽时转为列表,因为不允许跨级拖拽,只要把拖拽的同一级数据进行排列,结果发给后台,返回最新数据。2.可以自己手写表格,使用vue.draggable.next插件,参看。1.树形结构表格任意拖拽,点击保存之后才发送请求,大家可以看。1.每次拖动都进行保存,把数据发给后台之后在请求最新的数据。最开心的事情就是—这个bug我解决了,学无止境!2.列表的数据转树形的数据,排序完把顺序返回后台。3.把树形的表格的每一个父级看成一个组,然后参考。ps:插件用的不一样,不过功能是一致的。原创 2021-06-25 15:47:18 · 5233 阅读 · 21 评论 -
vue 监听F11按钮事件
mounted () { window.addEventListener("keydown", this.KeyDown, true)// 监听按键事件 } methods: { KeyDown (event) { if (event.keyCode === 122) { event.returnValue = false this.fullScreen() //触发全屏的按钮 } }}...原创 2020-05-13 16:37:41 · 9085 阅读 · 1 评论 -
vue 点击显示盒子再次点击隐藏盒子
VUE 点击显示盒子再次点击隐藏盒子html:<el-button type="text" @click.stop="toggleBox">控制按钮</el-button> <div v-show="open">这是要隐藏的内容</div>method: toggleBox(){ this.open = !this...原创 2020-04-29 15:17:18 · 2365 阅读 · 2 评论