- 记录--Vue3 + Fabricjs 定制国庆专属头像
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助生在国旗下，长在春风里！国庆将至，采黎为大家带来定制头像2.0（国庆头像），让我们用代码的形式为祖国庆生！欢迎大家点赞收藏加关注哦前言想看效果或者想定制春节头像的小伙伴请直奔效果区域；想一睹定制头像2.0小工具的......
- vue3项目结合antdesignvue封装form表单及校验
效果图 完整代码1<scriptsetup>2import{defineProps,onMounted,reactive,ref,defineEmits}from'vue'3import{Card,Input,Select,DatePicker,FormItem,Form,Button}from'ant-design-vue'4import{useRuleChe......
- vue3项目table表格动态表头生成+行数据合并
这两处地方是动态的，由后端数据返回思路流程 1，后端返回数据二次处理 2，根据后端数据生成动态表头 3，利用antd的customRender与rowSpan设置行合并 完整代码<template><Table:data-source="dataSource":columns="columns":pagination="......
- Vue3 - provide 提供的异步数据 inject 得到的数据 undefined 或 null
如下所示，父组件（祖先组件）通过provide函数向所有后代组件传递prop。但是这两个Ref类型的数据最开始没有，需要等到onMounted初始化之后才有值。此时会遇到两个问题后代组件在setup函数中或者onBeforeMount等非常周期中调用，可能获取的是undefined或者null。传递响应式......
- vue，用户可操作权限判断，数据创建人判断
需求：需要判断登录用户是否有对应的操作权限，有则显示对应的操作入口。判断某物的创建人是否为当前用户，是则可进行删除或修改操作。 调用以下函数。userId为当前登录的用户id； ......
- vue3项目封装支持搜索，选中不可选，选中的数据项支持上下移动，删除的上下穿梭的树状穿梭框
1，vue3代码1//这个是返回的所有的数据2constsourceItems=ref([])3//这是穿梭到下面的数据4consttargetItems=ref([])5//这是搜索字段6constsearchName=ref('')7//这两个要是后端返回，可不写8constex......
- vue中的this.$emit方法
作用：用于子组件中触发父组件方法并传值使用：//子组件中<template><button@click="handleChildEvent">子组件中触发的事件</button></template><script>exportdefault{name:'ChildComponent',methods:{handleChildEven......
- vue中的forceUpdate方法
适用场景：如果要改变data中的对象或者数组，会发现data数据改变了，但是页面上并没有更新如：this.list[index].sex='男';此时要想更新可以使用this.$set(this.list[index],'sex','男')也可以使用this.list[index].sex='男';this.$forceUpdate();//用来强制刷新页面缺点......
- vue3项目结合ant design vue的upLoad组件实现上传和下载Excel文件
1.上传文件 1.组件引入 import{ Button, Upload}from'ant-design-vue' 2.代码 <Upload v-model:file-list="fileList" name="file" //限制文件格式 acce......
- vue-router使用,localStorage系列,vue3介绍,组合式api和配置项api
1vue-router使用......