vue
关注
分享
扫一扫
GarenWang
做自己能力之外的事！
展开
-
vue+Element-ui 导入excel文件生成json数据
1.首先安装依赖 import XLSX from "xlsx"; 2.建立读取excel文件的js文件，以便调用 // importExcel.js readExcel(file) { return new Promise((resolve, reject) => { const types = file.name.split(".")[1]; const fileType = [ "xlsx", "xlc", "xlm", "x原创 2021-12-02 15:00:48 · 1489 阅读 · 2 评论 -
vue+elementUI组件table实现前端分页功能
前端分页和后端分页就是请求的差异，前端分页的话只请求一次，所以要在render table组件的时候控制下数据 :data="tableData.slice((currentPage-1)*pageSize,currentPage*pageSize)" //不多解释 再就是设置分页器total等于table数据的长度 :total="tableData.length" 点击分页...原创 2018-12-28 11:39:09 · 19474 阅读 · 23 评论 -
vue中使用Echarts利用watch做动态数据渲染
依旧直接上代码～ 首先安装引入Echarts，我是直接把Echarts挂到VUE全局变量上了 //引入echarts import Vue from 'vue'; import echarts from 'echarts'; Vue.prototype.$echarts = echarts; <template> <div class="demo-con...原创 2018-12-28 14:54:19 · 11348 阅读 · 0 评论 -
JS 实现textarea一行18个字符最多输入5行的需求
看到这个需求有一部分人认为给textarea加上rows和cols就可以满足需求，emmmm...可以看看属性的定义。 所以还是要用JS来计算的，就是在value改变的时候调用计算函数，直接附上完整代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <原创 2018-12-19 11:49:04 · 1869 阅读 · 0 评论 -
vue+elementUI实现类似浏览器打开网页的功能（页签功能）
代码没几句，直接上个完成的例子： <template> <div class="animated fadeIn"> <el-card class="box-card"> <p v-for="(nav, index) in navs" :key="index">原创 2018-12-19 11:57:24 · 6627 阅读 · 0 评论 -
vue+elementUI组件tree实现单选加条件禁用
elementUI tree：http://element.eleme.io/#/zh-CN/component/tree 官方给出的API还是挺全的，但是示例木有给全，有几个API的说明也不是很能理解～ tree实现带选择框的要加上node-key="id" show-checkbox两个属性， <el-tree ref="tree2" :data="data2" :props="d...原创 2018-12-26 10:41:09 · 18791 阅读 · 7 评论