随笔分类 -  vue

el-table中的数据选择导出
摘要：在项目中可能会遇到甲方要求，表格中的数据要能够导出成xlx文件，方便传阅。 我使用的是el-table组件和axios 关键代码是在el-table中加 <el-table-column type="selection" //type='selection'很关键 width="55"> </el- 阅读全文
posted @ 2021-11-08 16:14 山吹同学 阅读(1015) 评论(0) 推荐(0)
如何在vue-cli中引用使用echarts插件
摘要：下载 cnpm install echarts -S 在mian.js文件中引入 const ECharts =require('echarts') Vue.prototype.$echarts = ECharts; 在chart.vue文件中使用 <template> <div> <div ref 阅读全文
posted @ 2021-05-03 19:32 山吹同学 阅读(232) 评论(0) 推荐(0)
使用watch监听element-ui中的日期时间选择器
摘要：需求：开始时时间大于结束时间，结束时间要大于等于结束时间两小时。 使用watch监听开始，结束时间 <template> <el-form label-width="100px"> <el-form-item label="开始时间"> <el-date-picker v-model="value1 阅读全文
posted @ 2021-05-03 11:52 山吹同学 阅读(1620) 评论(0) 推荐(0)
el-select组件包裹el-tree组件实现数据回显
摘要：el-select组件包裹el-tree组件实现数据回显 最近做项目要用到下拉框中存放树型结构的数据，在网上找到可以使用el-select包裹el-tree实现，但是总是不能实现数据的回显，用了一天时间，不断尝试，终于成功了,做个笔记，以防遗忘。 以下.json文件都是模拟数据 树型结构数据 stu 阅读全文
posted @ 2021-02-04 23:04 山吹同学 阅读(4997) 评论(1) 推荐(0)
[Vue warn]: Error in render: "TypeError: Cannot read property 'length' of null"
摘要：错误原因的可能: 在data中只定义了form对象而没有完全设置相应的属性 获取到的数据中没有结果的字段值是Null 数据请求到的数据可以输出看到结果，但是渲染不到页面上，这时候要使用this.$set()强制赋值(之前学习这个方法的时候，以为会用不到，现在终于用上了) let username=J 阅读全文
posted @ 2021-02-02 14:16 山吹同学 阅读(1739) 评论(0) 推荐(0)
vue2.0脚手架中解决跨域
摘要：最近再用https://www.apishop.net/中的提供的接口做练习，用vue-cli搭的脚手架. 前端页面地址 http://localhost:8080 数据接口地址 https://api.apishop.net/common/dogFamily/queryDogList 在confi 阅读全文
posted @ 2021-01-03 00:18 山吹同学 阅读(559) 评论(0) 推荐(0)
vue脚手架中的路由高亮
摘要：vue脚手架中的路由高亮 在vue中定义导航，使用router-link组件，to指向定义好的路由 如<router-link to="/">首页</router-link> 点击它就会跳转到首页 路由表中是这样定义的 import Vue from "vue" import Router from 阅读全文
posted @ 2021-01-01 22:43 山吹同学 阅读(113) 评论(0) 推荐(0)
普通delete函数和Vue.delete方法的的使用
摘要：<script src="./js/vue.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> var arr1=[1,2,3,4,5,6,7,8]; delete(arr1[1]) 阅读全文
posted @ 2020-10-21 21:37 山吹同学 阅读(4212) 评论(0) 推荐(0)
在vue脚手架中创建全局过滤器，格式化日期
摘要：首先在src目录下创建 filter/index.js文件 exports.formateDate=(value)=>{ var time = new Date(value * 1000); var year = time.getFullYear(); var month = time.getMon 阅读全文
posted @ 2020-10-13 21:30 山吹同学 阅读(235) 评论(0) 推荐(0)
vue对表单、表格的应用
摘要：效果 代码实现 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" type="text/css" href="./css/bootstrap.css" /> <sty 阅读全文
posted @ 2020-09-23 19:23 山吹同学 阅读(765) 评论(0) 推荐(0)
vue省市区三级联动
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1 阅读全文
posted @ 2020-09-22 14:23 山吹同学 阅读(701) 评论(0) 推荐(0)
vue中跳转页面并传递参数
摘要：<router-link :to="{ path:'/yourpath', params:{ key:'value' }, query:{ key:'value' } }" ></router-link> path : path也可以用路由文件里面的name值，两者都可以进行路由导航 params 阅读全文
posted @ 2020-06-06 15:55 山吹同学 阅读(4417) 评论(0) 推荐(0)