
vue
文章平均质量分 79
娟哥Queenie~
励志成为一名优秀的程序媛!奥里给!
展开
-
vue实现百度地图坐标与input框地址的双向绑定(点击地图改变标注位置且具体位置显示在input框或input框中输入地址失去焦点后能在地图中定位)
1、首先去百度地图官网申请一个ak密钥 只有你申请了密钥,你才可以调用百度地图的API。很简单大家自己去官网申请。 百度地图开放平台:http://lbsyun.baidu.com/ 2、vue项目中安装 vue-baidu-map 包 npm i vue-baidu-map 3、在你需要调用百度地图的页面导入包和配置ak import Vue from "vue"; import BaiduMap from "vue-baidu-map"; Vue.use(BaiduMap, { // 写自己的ak原创 2020-07-21 09:11:18 · 1296 阅读 · 0 评论 -
如何用npm造轮子(这里以element-ui中excel文件的导入导出为例)
在工作中经常用到excel的导入和导出,每次粘贴复制修改参数太过麻烦,于是就在npm造一个轮子方便日后使用。那么怎么造呢?请看下文分解。 1、首先准备好自己的轮子 1.1 文件目录: 1.2 入口文件内容: const XLSX = require('xlsx') const FileSaver = require('file-saver') module.exports = { // excel的导入,object = { name: '姓名', age: '年龄', workAge: '工作年限原创 2020-07-12 21:06:21 · 876 阅读 · 0 评论 -
Vue中excel的导入与导出,毕设项目(已经实现)
在做毕设项目时,有个需求是excel的导入和导出,经过查找各大资料终于实现成功。 1、 excel的导入 excel的导入有个坑,按照我们的常规思路是获取本地excel文件的路径然后对文件进行解析,但是由于浏览器出于安全考虑,不能直接获取上传的本地文件路径。这里通过FileReader内置模块拿到了文件信息才得以对文件进行解析。值得注意的是, mport XLSX from 'xlsx' // 上传excel文件的函数调用 onChangeFile(file) { // console.log(原创 2020-06-11 19:12:05 · 831 阅读 · 0 评论 -
Vue基础之指令的用法和注意事项
一、指令 1、什么是指令? 就是一系列用 ‘v-’ 开头的自定义属性。 2、v-cloak解决插值表达式的闪动问题 [v-cloak] { display: none; } <div v-cloak> {{ message }} </div> 实现原理是:先让插值表达式隐藏,当VUE编译结束后把结果显示在页面。 3、v-text / v-html / v-pre注意点 ① v-text::可替代v-cloak, 用法比v-cloak简洁; <span v-text="原创 2020-06-10 15:37:18 · 776 阅读 · 0 评论 -
MVVM
什么是MVVM ? M:model, 数据‘对象(data) V:view, 模板页面 VM:viewModel, 视图模型(Vue实例) 一张图让你看懂MVVM原创 2020-03-20 09:22:29 · 102 阅读 · 0 评论