2021年5.12日工作知识点和错误记录。（vue3.0,typescript,Vben-Admin框架开发的项目）

最新推荐文章于 2024-06-21 16:33:40 发布
最新推荐文章于 2024-06-21 16:33:40 发布
阅读量533 收藏 1
点赞数
分类专栏： 工作 work
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42404842/article/details/116710442
版权
这篇博客分享了作者在使用Vue3.0和typescript进行Vben-Admin项目开发时的经验和遇到的问题。建议通过查看GitHub源码和文档来深入学习，特别是关于表格的可选中设置以及自定义组件的添加。作者在学习过程中不断进步，记录了部分关键代码。
摘要由CSDN通过智能技术生成

资料，建议下载github源码观看，自己调试数据，和看源码更好。

  1. 由于一直在更新，版本更新会有点快，所以建议备份github的安装包。
  2. 建议不要忽略文档，看他的说明就可以。比如插槽，自定义内容很重要。
  3. 本人刚接触vue3.0和typescript，所以存在看不懂的地方，一边学习，一边开发，一起进步。

1.想要开启默认的可选中表格：rowSelection: { type: ‘checkbox’ },-----默认开启可选的checkbox。表格可选区域。

      <template #action="{ record }">
最低0.47元/天 解锁文章
Abbye-hl
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Record视频笔记 / VUE / Part3 Vuex
weixin_53931380的博客
01-21 507
一、Vuex是什么？ 在vue中实现集中式状态（数据）管理的一个vue插件，对vue应用中多个组件的共享状态进行集中式的管理（read/write），也是一种组件之间通信的方式，适用于任意组件之间的通信。 二、搭建Vuex环境 res：Vuex 是什么？ | Vuex1、创建文件：src/store/index.js //该文件用于创建vuex中最为核心的store import Vue from 'vue' //引入vuex import vuex from 'vuex' /...
vue-vben-admin:基于Vite2，vue3.0，ant-design-vue 2.x，打字稿，vuex，vue-router的vue3样式管理员，正在努力进行更新。
05-10
Vue Vben Admin是一个免费的开源中端和后端模板。 使用最新的vue3 ， vite2 ， TypeScript和其他主流技术开发，开箱即用的中端和后端前端解决方案也可以用作学习参考。 特征 最新技术发展水平：使用诸如Vue3 / vite2...
vue3.0 知识点整理
weixin_45264424的博客
07-09 422
vue3.0 知识点整理Composition API1.setup2.ref3.reactive（优化）4.toRefs（再次优化） Composition API 1.setup 新的option, 所有的组合API函数都在此使用, 只在初始化时执行一次 函数如果返回对象, 对象中的属性或方法, 模板中可以直接使用 2.ref 作用: 定义一个数据的响应式 语法: const xxx = ref(initValue): 创建一个包含响应式数据的引用(reference)对象 js中操作数据: xxx.
vben admin BasicTable表格基本使用
最新发布
lipenghao111的博客
06-21 865
9.rowKey: 'id', //根据唯一的rowKey 动态删除指定行的数据.可用于不刷新整个表格而局部更新数据。1.register: 里面是table里面的一些配置项，比如header标题、内容、查询... 详情可以文档。dataIndex: 'action', //字段。fixed: 'right', // 显示到右边。6.showTableSetting: true, //刷新按钮。7.bordered: true, //是否显示表格边框。title: '操作', 操作名称。
vue-vben-admin 启动项目报错
weixin_50379372的博客
02-24 778
vue-vben-admin 启动项目报错vue-vben-admin 启动项目报错vue-vben-admin 启动项目报错vue-vben-admin 启动项目报错vue-vben-admin 启动项目报错
vben-Admin 框架--表格问题汇总
xiaofiy的博客
06-13 1万+
vben admin
在Vben Admin中使用Cascader 级联选择（基于 Ant Design Vue）
qq_44774287的博客
03-30 1393
vben admin 使用级联选择器
vue3.0-element-admin:基于vue3.0和element-plus开发的企业后台管理模板
03-30
element_vue3.0 / VE-Admin 项目简介基于vue3和element-plus开发的企业后台管理模板。功能特性项目使用了最新的vue3全家桶+元件加+ mockjs + Axios公司+ eChart5。项目继成了mockServe，可脱离后端自主开发测试对...
vue-typescript-admin-mock-server:for vue-typecript-admin-template项目的模拟服务器
04-29
Vue TypeScript管理模拟服务器 项目的模拟服务器演示链接（由vue-typecript-admin-template使用）概述此项目中api文件夹下的javascript代码是从的打字稿源代码生成的（通过在此目录中运行tsc命令）。 唯一的手动更改...
vben-mini:用于vue2.0和vue3.0的学习vue-vben-admin的迷你vben
04-16
该模板将帮助您开始在Vite中使用Vue 3和Typescript进行开发。 推荐的IDE设置 + 。 确保在设置中启用vetur.experimental.templateInterpolationService ！ 如果使用[removed] 是当前处于RFC阶段的功能。 要获得...
vbenAdmin如何切换表头以及数据的记录
奋斗在前端的实习生
12-02 2475
vbenadmin表格动态切换数据于表头方法
Vben Admin 安装依赖l 安装报错:Error: command failed: c: \WINDOWS\system32\cmd.exe /s /c autoreconf -ify 解决办法
你的世界我做主
02-08 3373
错误信息： 错误原因 ： vite安装插件时，有些vite插件又依赖其他vite插件，由于vite的版本问题导致npm或者yarn导致被依赖的包没有下载到 解决办法： 删除 node_modules 添加依赖 vite-plugin-mkcert 到devDependencies 的vite之下 3.. yarn install 或者npm install 或者执行package.json脚本bootstrap ...
Vben Admin 一 (初识框架)
热门推荐
为何这么帅
09-18 1万+
1、什么是Vben Admin Vue-Vben-Admin 是一个后台解决方案，目标是为开发中大型项目提供开箱即用的解决方案， 总结就是一个后台管理模板。 项目开始前请仔细阅读 Vben Admin 官方文档 2、涉及的技术 Vue3.0、Vite、 Ant-Design-Vue、TypeScript等 3、项目结构 ├── build # 打包脚本相关 │ ├── config # 配置文件 │ ├── generate # 生成器 │ ├── script # 脚本 │ └── vi
vue3.0+antdVue2.0结合插槽slots的使用方式
赵又又的博客
12-30 3786
首先在table中 <a-table ...> <template #action="{ record }"> <span class="action"> <a>移除</a> </span> </template> </a-table> const columns = [{ title: '操作', key: 'action', slots: { custo...
【Vue3实战教程】从零搭建种子项目Vue3+TypeScript+Vant+Vite微信公众号H5项目（含：依赖插件文档、esLint配置、prettier配置、git提交代码钩子校验、移动端适配）
学Java的小前端的博客
08-11 5231
前言 由于最近公司需要重构老的公众号H5项目，都没有时间摸鱼看瓜了（ WYF 和 DMZ 懂的都懂 ）。。。闲话不多说，最后技术选型决定使用最新的 Vue 3 + TypeScript + Vant + Vite 来构建项目，下面会做一些详细的记录，加深下对项目的理解和印象。 npm init @vitejs/app 执行完毕之后按照下图所示操作初始化 Vue 3 + TypeScript + Vite 基础项目。 接下来的 install 和启动项目的步骤不做陈述，不懂的下面更看不懂，自行百度吧
Ant design结合es7语法
lf811的博客
05-22 922
antdesign的简单使用
关于使用ＶＳ．Ｎｅｔ２００３调试器出现的问题及相关解决方法
weixin_33877885的博客
05-14 263
原文地址:http://msdn.microsoft.com/library/default.asp?url=/library/en-us/dv_vstechart/html/vsdebug.asp一些有用的信息被我翻译了，放在这里以后可能用的上消息1：无法在服务器上启动调试(Unable to start debugging on the Web server)原因1：IIS的应用程序设置并没有...
管理后台UI框架vue-vben-admin运行
linx_i的博客
03-06 1302
Vue Vben Admin 是一个免费开源的中后台模版。使用了最新的vue3,vite2,TypeScript等主流技术开发，开箱即用的中后台前端解决方案，也可用于学习参考。
vben admin 新增路由测试,以及页面空白bug定位
YZRHANYU的博客
10-30 3533
vben admin 新增路由测试,以及页面空白bug定位
Vue3.0前TypeScript入门：混入框架与官方脚手架配置
在Vue3.0之前的开发中，引入TypeScript可以提升项目的可维护性和类型安全性，尤其对于那些希望通过严格类型检查来减少错误的开发者来说，这是一次有价值的转变。本文将详细介绍如何在Vue项目中采用TypeScript的最佳...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值