susanliy的博客

问题：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

封装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

技术： ant-design-vue ts vue3.0。

在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

项目采用的是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

<login-pop ref="login"></login-pop> setup() { const login = ref() const openDialog = () => { login.value?.openDialog() } return { openDialog, login }//**记得把所需要的方法和属性值都要return** },

版本：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" />

参考了 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

原理：把树形的结构数据在拖拽时转为列表，因为不允许跨级拖拽，只要把拖拽的同一级数据进行排列，结果发给后台，返回最新数据。2.可以自己手写表格，使用vue.draggable.next插件，参看。1.树形结构表格任意拖拽，点击保存之后才发送请求，大家可以看。1.每次拖动都进行保存，把数据发给后台之后在请求最新的数据。最开心的事情就是—这个bug我解决了，学无止境！2.列表的数据转树形的数据，排序完把顺序返回后台。3.把树形的表格的每一个父级看成一个组，然后参考。ps：插件用的不一样，不过功能是一致的。

mounted () { window.addEventListener("keydown", this.KeyDown, true)// 监听按键事件 } methods: { KeyDown (event) { if (event.keyCode === 122) { event.returnValue = false this.fullScreen() //触发全屏的按钮 } }}...

VUE 点击显示盒子再次点击隐藏盒子html：<el-button type="text" @click.stop="toggleBox">控制按钮</el-button> <div v-show="open">这是要隐藏的内容</div>method： toggleBox(){ this.open = !this...