vxe-table:一个基于vue功能强大的表格组件(支持树形,编辑,增删改查以及校验等)

结尾

学习html5、css、javascript这些基础知识,学习的渠道很多,就不多说了,例如,一些其他的优秀博客。但是本人觉得看书也很必要,可以节省很多时间,常见的javascript的书,例如:javascript的高级程序设计,是每位前端工程师必不可少的一本书,边看边用,了解js的一些基本知识,基本上很全面了,如果有时间可以读一些,js性能相关的书籍,以及设计者模式,在实践中都会用的到。

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

高级程序设计,是每位前端工程师必不可少的一本书,边看边用,了解js的一些基本知识,基本上很全面了,如果有时间可以读一些,js性能相关的书籍,以及设计者模式,在实践中都会用的到。

html5

在这里插入图片描述

vxe-table(先来看看这个强大组件是什么样子)

一个基于 vue 的 PC 端表格组件,支持增删改查、虚拟滚动、懒加载、快捷菜单、数据校验、树形结构、打印导出、表单渲染、数据分页、虚拟列表、模态窗口、自定义模板、渲染器、贼灵活的配置项、扩展接口等…

git地址vxe-table.

在这里插入图片描述

vxe-table组件地址点击查看发现新大陆,建议收藏,留着备用.

在这里插入图片描述

组件中有详细的开发指南,其实不用做我过多的介绍,根据你的需求可以进行安装和使用!

但是呢,既然分享这个组件啦,那就顺便给大家展示一下在vue项目中使用的具体步骤吧,也算自己再学习学习!

vxe-table组件在vue中实现步骤

第一步:还是先安装

依赖库:vue 2.6+, xe-utils 2.4+

// npm安装 xe-utils 和 vxe-table

npm install xe-utils vxe-table

第二步:在main.js中引入

import Vue from ‘vue’

import ‘xe-utils’

import VXETable from ‘vxe-table’

import ‘vxe-table/lib/index.css’

Vue.use(VXETable)

// 给 vue 实例挂载全局窗口对象

//如果用不到这个组件的弹窗可以不写,根据个人使用情况而定

Vue.prototype.$XModal = VXETable.modal

第三步:在需要的组件中使用

<vxe-button @click=“$refs.xTree.toggleTreeExpansion(tableData[0], true)”>切换第一个

<vxe-button @click=“$refs.xTree.setTreeExpansion(tableData[2], true)”>展开第三个

<vxe-button @click=“$refs.xTree.setAllTreeExpansion(true)”>展开所有

专业技能

一般来说,面试官会根据你的简历内容去提问,但是技术基础还有需要自己去准备分类,形成自己的知识体系的。简单列一下我自己遇到的一些题

最近得空把之前遇到的面试题做了一个整理,包括我本人自己去面试遇到的,还有其他人员去面试遇到的,还有网上刷到的,我都统一的整理了一下,希望对大家有用。

其中包含HTML、CSS、JavaScript、服务端与网络、Vue、浏览器等等

由于文章篇幅有限,仅展示部分内容

  • 3
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值