随笔分类 -  VUE3

vue3 - defineExpose的使用(父组件调用子组件方法vue3 <script setup>版)
摘要：在使用单文件组件<script setup>创建一个子组件时，可能遇到父组件需要调用子组件的方法，或者访问子组件的变量，在使用vue2或仅<script>标签中只需要子组件上写一个ref='xxx'变量，父组件通过this.$refs['xxx']就可以直接访问子组件的方法或变量。实现如下： 如子组 阅读全文
posted @ 2022-06-20 08:42 俄罗斯方块 阅读(9974) 评论(0) 推荐(0)
vue3 封装仿antd-vue的Table组件基本实现
摘要：最近需要在不使用UI框架的情况下封装一个简单的表格，由于对antd-vue比较熟悉，所以仿照了antd-vue的样子写了个简化版的Table组件。 组件源码见另一篇博客， 用到的技术栈：VUE3、SCSS 用过antd-vue的都应该知道table组件主要的传参是两个：columns和dataSou 阅读全文
posted @ 2021-10-28 16:23 俄罗斯方块 阅读(1126) 评论(0) 推荐(0)
vue3自定义Table组件源码
摘要：<template> <div class="gw-table-content"> <!-- 需要表头固定，且表格可以滚动时的表头 --> <table class="gw-fixed-table" v-if="tableHeaderFixed"> <thead :style="{ backgrou 阅读全文
posted @ 2021-10-28 15:55 俄罗斯方块 阅读(415) 评论(0) 推荐(0)