随笔分类 -  vue

vue的总结笔记
摘要:vue中引入Echarts Apache ECharts: 一个基于 JavaScript 的开源可视化图表库 官方网址:https://echarts.apache.org/zh/index.html 引入 1.从npm获取echarts 输入npm指令将依赖下载到项目中的node_modules 阅读全文
posted @ 2021-10-12 21:03 柯南。道尔 阅读(224) 评论(0) 推荐(0)
摘要:vue中表格的懒加载与组件内的路由监听 在我们平时开发中大多用分页方式来显示表格数据,但有时会需要用懒加载的方式显示,所以讲一下具体的实现过程。 主要是先获得表格的dom元素,然后监听滚动条,当滚动条快到页面底部时加载下一页。 具体实例 vue页面 <template> <div class="ap 阅读全文
posted @ 2021-10-09 19:18 柯南。道尔 阅读(597) 评论(0) 推荐(0)
摘要:vue中过滤器filters的使用 过滤器主要是对数据进行过滤处理,对原始数据进行筛选后再进行展示。 主要用在两个地方: 双花括号插值 {{ message | handleData }} v-bind表达式 <div v-bind:id="message | handleData"></div> 阅读全文
posted @ 2021-09-28 21:05 柯南。道尔 阅读(1905) 评论(0) 推荐(0)
摘要:vue中的常见问题与知识点 1.在vue项目中引入组件时出现的Module is not installed问题 当我们通过@的方式引入相对路径取代繁琐的绝对路径时,这个路径会出现下划线告警,提示Module is not installed。 比如这种:import TheAPI from '@/ 阅读全文
posted @ 2021-09-23 22:51 柯南。道尔 阅读(148) 评论(0) 推荐(0)
摘要:vue中this.$emit的用法 this.$emit('事件',参数) 用于当子组件需要调用父组件的方法的场景下使用。 与之相对的当父组件需要调用子组件时则使用this.$refs的方法 this.$refs.子组件的ref.子组件的方法 实例 为了能清晰的了解具体用法,准备了一个父子组件互调方 阅读全文
posted @ 2021-09-23 22:06 柯南。道尔 阅读(42957) 评论(0) 推荐(6)