随笔分类 -  vue

vue的知识
在vue-cli项目中使用echarts
摘要：引入echarts cnpm install echarts -S 全局引入 main.js // 引入echarts import echarts from 'echarts' Vue.prototype.$echarts = echarts index.vue <div id="myChart" 阅读全文
posted @ 2022-01-06 11:50 林下月疏 阅读(150) 评论(0) 推荐(0)
vuecli简单使用高德地图
摘要：在项目内下载高德地图的插件 申请高德的key npm i @amap/amap-jsapi-loader --save 页面文档demo <template> <div class="home-container"> <div class="flex-center"> <div id="contai 阅读全文
posted @ 2021-11-24 15:38 林下月疏 阅读(240) 评论(0) 推荐(0)
UI库更新
摘要：UI组件 框架 element - 饿了么出品的Vue2的web UI工具套件 mint-ui - Vue 2的移动UI元素 iview - 基于 Vuejs 的开源 UI 组件库 Keen-UI - 轻量级的基本UI组件合集 vue-material - 通过Vue Material和Vue 2建 阅读全文
posted @ 2021-11-23 09:36 林下月疏 阅读(84) 评论(0) 推荐(0)
vue统计组件库和ui框架
摘要：UI组件 element ★13489 - 饿了么出品的Vue2的web UI工具套件 Vux ★8133 - 基于Vue和WeUI的组件库 iview ★6634 - 基于 Vuejs 的开源 UI 组件库 mint-ui ★6253 - Vue 2的移动UI元素 muse-ui ★3705 - 阅读全文
posted @ 2021-11-18 15:43 林下月疏 阅读(719) 评论(0) 推荐(0)
div可以滚动但不显示滚动条
摘要：首先有3个div， 第1个，固定大小是200*200（单位为px，下同） 第2个，不固定大小，其大小要用第3个div把个撑开，但是这个div必需要有滚动条， 第3个，固定大小与第1个div保持一致200*200 <div style="width: 200px;height: 200px; posi 阅读全文
posted @ 2021-11-18 15:41 林下月疏 阅读(248) 评论(0) 推荐(0)
添加时间定义过滤器
摘要：1、引入moment依赖 npm install moment --save 2、main.js中全局引用并定义过滤器 import moment from 'moment' //全局过滤器 Vue.filter('dateFmt', (input, formatString = "YYYY-MM- 阅读全文
posted @ 2021-11-18 15:37 林下月疏 阅读(53) 评论(0) 推荐(0)
vue父子传值和非父子传值
摘要：vue传值一般分三种方式：父组件向子组件传值、子组件向父子间传值、非父子组件进行传值 一、父组件向子组件传值：父组件引用子组件后，通过数据绑定（v-bind）向子组件传值 父组件： <template> <div> <h1>父组件</h1> <router-view v-bind:fatherDat 阅读全文
posted @ 2021-11-18 15:33 林下月疏 阅读(239) 评论(0) 推荐(0)
vue框架下使用下transition和animation
摘要：1、第一步就是要安装依赖,只安装animation动画库，transiton是直接可以使用的标签，不用去下载依赖 npm install animate.css –save 2、全局引用一下animation动画库 import animate from 'animate.css' Vue.use( 阅读全文
posted @ 2021-11-18 15:18 林下月疏 阅读(381) 评论(0) 推荐(0)
vue+element-ui+sortable.js实现表格行和列的拖拽
摘要：引入sortable.js的包: npm install sortable.js --save <template> <div style="width:800px"> <el-table :data="tableData" border row-key="id" align="left"> <el 阅读全文
posted @ 2021-11-18 15:05 林下月疏 阅读(223) 评论(0) 推荐(0)
css的动画animation
摘要：animation-name: 动画一，动画名字二；///这个要定义到元素标签css样式内animation-duration: 4s (动画1)，2s（动画二）; //动画持续时间如果有多个名字动画会循环使用时间animation-delay:2s; //动画延时启动animation-fill- 阅读全文
posted @ 2021-11-16 14:48 林下月疏 阅读(1067) 评论(0) 推荐(0)
vue代理服务器proxy详情配置信息
摘要：vue代理服务器proxy详情配置信息 当时对于vue的任何知识都不太了解 下了一番苦修在做出了6个项目后对vuecli的知识了解很是透测 首先创建好项目 gitee https://gitee.com/vuecli-project-initialization/initialize-cli-pro 阅读全文
posted @ 2021-11-16 13:52 林下月疏 阅读(1138) 评论(0) 推荐(0)