
Vue
脑花一朵朵
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Vue 自定义组件
组件的特性1.组件只能有一个根标签2.记住两个词全局和局部3.组件名称命名中‘-小写字母’相当于大写英文字母(my-coml 相当于 myComl)1.使用component定义全局组件// 使用 Vue.component('组件名称',组件模板)<!-- 使用组件时直接把组件的名称以标签的形式引入进HTML中即可 --><mycoml></myc...原创 2020-07-15 10:15:53 · 459 阅读 · 0 评论 -
vue 调用高德地图实现简单操作
首先在官网申请密钥:https://lbs.amap.com申请密钥1. 在index.html中引入:<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=刚刚申请的密钥"></script>2. webpack.base.conf.js修改:externals: {'AMap': 'AMap','AMapUI': 'AMapUI'}3.创建 BaseMap.vu.原创 2020-07-15 10:11:59 · 747 阅读 · 0 评论 -
vue导出/导入Excel文件
1、在vue中使用导入导出,需要下载3个依赖包和2个js包:npm install -S file-saver xlsx(这里其实安装了2个依赖)npm install -D script-loader2、在src目录下新建一个excel文件夹引入Blob.js和expor2Excal.js3、在main.js中全局引入import Blob from ‘./excel/Blob.js’import Export2Excel from ‘./excel/Export2Excel.js’原创 2020-06-23 17:16:56 · 646 阅读 · 0 评论 -
element实现下拉树
首先效果图1.调用组件<template> <div id="app"> <!-- 调用树形下拉框组件 --> <!-- 下拉树 --> <SelectTree :props="props" :options="optionData" :value="valueId" :clearable="isClearable" :accordion="isAccordio转载 2020-05-22 15:57:25 · 1460 阅读 · 0 评论 -
element tree中data遍历(递归)
getListData(datas) { let dataArray = []; datas.forEach(function (data) { let parentId = data.pid; if (parentId == 0) { let objTemp = { id: data.id...原创 2020-05-08 10:38:31 · 3078 阅读 · 0 评论 -
Vue中keep-alive使用详解,实现页面缓存
使用的场景在使用Vue开发单页面应用时,我们通常会使用Vue-Router进行页面导航,Vue-Router在进行路由切换的时候,页面是会重新加载比如:根据条件查询列表显示的数据中,进入到第二个页面查看详细信息,然后返回,这种情况下列表页面会重新加载,之前输入的条件也不见了,这样操作的话如果还想看之前的搜索条件数据还需要再输入一次,用户体验很不好,此时就许哟啊对列表页进行缓存。在Vue-Rou...原创 2020-05-08 10:29:52 · 554 阅读 · 0 评论 -
vue.js 常用方法及事件
记录一些自己常用的方法,后面继续补充v-html中使用过滤器v-html="$options.filters.htmlFormat(dataList.Description)"原创 2020-05-05 11:10:30 · 675 阅读 · 0 评论 -
Vue-resource 实现get,post,jsonp请求
vue-resource是vue中使用的请求网络数据的插件,这个插件是依赖于vue的,简单说就是用来调接口的。安装插件执行命令npm i vue vue-resource --save-devmain.js中配置import VueResource from ‘vue-resource’Vue.use(VueResource)使用get请求this.$http...原创 2020-04-29 20:34:37 · 267 阅读 · 0 评论