vue
文章平均质量分 79
娟哥Queenie~
励志成为一名优秀的程序媛!奥里给!
展开
-
vue实现百度地图坐标与input框地址的双向绑定(点击地图改变标注位置且具体位置显示在input框或input框中输入地址失去焦点后能在地图中定位)
1、首先去百度地图官网申请一个ak密钥只有你申请了密钥,你才可以调用百度地图的API。很简单大家自己去官网申请。百度地图开放平台:http://lbsyun.baidu.com/2、vue项目中安装 vue-baidu-map 包npm i vue-baidu-map3、在你需要调用百度地图的页面导入包和配置akimport Vue from "vue";import BaiduMap from "vue-baidu-map";Vue.use(BaiduMap, {// 写自己的ak原创 2020-07-21 09:11:18 · 1230 阅读 · 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 · 852 阅读 · 0 评论 -
Vue中excel的导入与导出,毕设项目(已经实现)
在做毕设项目时,有个需求是excel的导入和导出,经过查找各大资料终于实现成功。1、 excel的导入excel的导入有个坑,按照我们的常规思路是获取本地excel文件的路径然后对文件进行解析,但是由于浏览器出于安全考虑,不能直接获取上传的本地文件路径。这里通过FileReader内置模块拿到了文件信息才得以对文件进行解析。值得注意的是,mport XLSX from 'xlsx'// 上传excel文件的函数调用onChangeFile(file) { // console.log(原创 2020-06-11 19:12:05 · 798 阅读 · 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 · 741 阅读 · 0 评论 -
MVVM
什么是MVVM ?M:model, 数据‘对象(data)V:view, 模板页面VM:viewModel, 视图模型(Vue实例)一张图让你看懂MVVM原创 2020-03-20 09:22:29 · 84 阅读 · 0 评论