青小记 - 博客园

2021年2月7日

摘要：方法一 1 //浏览器定位，并根据定位经纬度转换为地址描述。 2 var positionOptions = { 3 enableHighAccuracy: true, 4 timeout: 3000, 5 maximumAge: 0 6 }; 7 var geolocation = new BMa 阅读全文

posted @ 2021-02-07 17:42 青小记阅读(1702) 评论(0) 推荐(0) 编辑

2021年2月5日

post接口调用 vue

摘要： (1) api.js文件 1 import axios from 'axios' 2 3 export const insertTask = (data, cb,err) => { 4 axios.request({ 5 url: `${MODULE_URL}/insertTask`, 6 meth 阅读全文

posted @ 2021-02-05 16:25 青小记阅读(1232) 评论(0) 推荐(0) 编辑

vue项目中下载存放在项目中的文件到本地

摘要： vue项目目录结构如下：将本地文件写入build文件夹。当文件名不需要动态变化时，使用以下代码： <a href="downloadFileName" target="_blank" download="downloadFileName">下载文件</a> 当文件名需要动态变化时，使用以下代码。阅读全文

posted @ 2021-02-05 09:54 青小记阅读(10509) 评论(0) 推荐(0) 编辑

2021年2月4日

webpack的理解，vue.config.js文件各个部分的含义

摘要： webpack是一个现代javascript应用程序的静态模块打包器语法转换。less/sass/stylus转换为css，ES5转换为ES%，……； html.css.js代码压缩合并（打包）； webpack可以在开发期间提供一个开发环境。自动打开浏览器，保存时自动刷新；项目一般先打包在上线阅读全文

posted @ 2021-02-04 11:53 青小记阅读(828) 评论(0) 推荐(0) 编辑

新建Vue工程中对路由使用vue-router

摘要：首先在搭建的工程中安装，并保存在package.json文件中，必须添加--save。 npm install vue-router --save router文件夹里面index.js、router.js 1、生成路由在index.js文件中引入路由，生成路由 1 import Vue from 阅读全文

posted @ 2021-02-04 11:40 青小记阅读(262) 评论(0) 推荐(0) 编辑

左侧列固定的表格

摘要：先展示结果图：若要去除滚动条。可以添加以下代码，该段代码在移动端适用，由于手机在没有滚动条的情况下可以左右滑动，但PC端需要通过滚动条的形式进行滚动。 .NonFixedColumn::-webkit-scrollbar{ display: none; } 其中.NonFixedColumn是包裹阅读全文

posted @ 2021-02-04 11:24 青小记阅读(403) 评论(0) 推荐(0) 编辑

2021年2月1日

百度地图上添加多个标记，标记上添加信息展示窗口、跳转到导航界面

摘要：结果如下：代码如下： 1 <html lang="en"> 2 <head> 3 <title>地图上瞄点</title> 4 <metcharset=utf-8"> 5 <script type="text/javascript" src="http://api.map.baidu.com/ap 阅读全文

posted @ 2021-02-01 17:11 青小记阅读(1299) 评论(0) 推荐(0) 编辑

2021年1月25日

vue-cli4版本解决eslint问题

摘要： 1、在webstrom中取消eslint的勾选方法如下图所示： 2、去除package.js文件中所有与eslint相关的插件 3、删除node_module文件夹 4、npm install，成功。阅读全文

posted @ 2021-01-25 11:46 青小记阅读(2943) 评论(0) 推荐(0) 编辑

使用脚手架搭建项目

摘要： 1、在所要搭建项目位置打开命令行cmd； 2、vue create project-name，注意工程名不可存在大写字母； 3、根据需求进行自定义选择； 4、等待文件生成阅读全文

posted @ 2021-01-25 11:36 青小记阅读(121) 评论(0) 推荐(0) 编辑

2021年1月8日

父子组件之间相互传值

摘要：在vue中，父子组件的关系可以总结为prop向下传递，事件向上传递。父组件通过prop给子组件下发数据，子组件通过事件给父组件发送信息。 (1)通过点击事件，将 loadVisible 值改为 true ,由此触发子组件； <button @click="loadVisible = true">点击阅读全文

posted @ 2021-01-08 17:17 青小记阅读(206) 评论(0) 推荐(0) 编辑