Greenhand_BN的博客

VUE 项目中需要用到地址转经纬度，引用了高德地图JS API中的。本地运行正常，部署到测试环境，直接报错403。引入方式修改为：npm 安装，地理编码与逆地理编码。中以CDN 方式引入。

问题描述：vue在自定义的 js 文件中使用 this.$message("消息提示") 报错：this.$message is undefined 原因分析：在js里的this这时指向的是window，没有给window注册这个方法，当然就报错了 解决方案： 只要单独引入就可以了import { Message } from "element-ui";Message({ message: "成功！", type: "success" });.

使用clipboard 插件，实现复制文本到剪贴板安装 clipboard 插件 npm install clipboard --save多处使用这个复制功能，做了个简易的 js 封装// 复制文本到剪贴板 import { Message } from "element-ui";import Clipboard from "clipboard"; // 引入 clipboard 插件const copy = function (content,className.

安装npm i crypto-js --save创建一个 JS 文件这里我是在 src/js/utils 创建了一个 aes.jsimport CryptoJS from 'crypto-js'; export default { //加密 encrypt(word, keyStr) { keyStr = keyStr ? keyStr : '5d0b02a4d70f9155'; //判断是否存在key，不存在就用定义好的key，定义好的key是由后端提供

vue项目使用sass1、安装 npm install node-sass --save-dev //安装node-sass npm install sass-loader --save-dev //安装依赖包sass-loader npm install style-loader --save-dev //安装style-loader2、配置loader在项目中的 build 目录下，webpack.base.conf.js 文件中，module.ex

function downloadImg(){ let src = 'http://pic.c-ctrip.com/VacationH5Pic/mice/wechat/ewm01.png'; var canvas = document.createElement('canvas'); var img = document.createElement('img'); img.onload = function(e) { canvas.widt

1、父子通信父向子传参用 props，父组件绑定属性，子组件用props接受父组件 v-bind 绑定属性<children :propVal= 'msg'></children>data(){ return{ msg:'父组件内容！！' }}子组件 props 接受<p>{{propVal}}</p>data(){ return{}},props:['propVal ']2、子父通信子向父传参用 thi

第一步：组件中引入 iconfont 的样式我这里直接在main.js中引入的import Vue from 'vue'import App from './App'import router from './router'import Vant from 'vant';import 'vant/lib/index.css';import "./assets/icon/iconfont.css"Vue.config.productionTip = falseVue.use(Vant);

webpack打包的 dist 文件，如何查看页面效果，其实就是将 dist 文件可以部署到 express 服务器上运行。第一步，把基于webpack的vue项目打包npm run build终端执行 npm run build ，打包成功会得到一个 dist 文件夹，直接在浏览器中打开 dist 文件中的 index.html，会是一片空白，控制台是会报错的。第二步，安装 express-generator 生成器npm install express-generator -g安装成功

由于长时间没用vue脚手架搭建项目，害怕自己忘了，于是有了这篇文章。虽然网上有很多，但是自己写写，也挺好首先，node环境和脚手架是必须的！如果有小白，别问，问就是跟着操作。node环境官网下载：https://nodejs.org/en/download/无脑下一步就行了终端（cmd或者vscode终端都可以，我用的git），输入下面代码，能看待版本号，说明成功（）node -vnpm -vvue脚手架安装方式：这里我用的 npm （淘宝镜像），网上有帖子用的 cnpm ，说是 c

前言对请求 api 以及请求方式进行封装，更加好的管理后端所给的接口，提高请求代码的复用性一、安装 axios $ npm install axios二、创建目录文件src 中创建 http 目录在 http 目录中创建 http.js —— 用户所有请求的方式在 http 目录中创建 api.js —— 用于存放后端提供的接口在 http 目录中创建 axios.js —— ...

vue中使用高德地图api引入高德js apiwebpack配置高德api组件中使用高德api引入高德js首先注册高德api帐号，申请到key然后在vue-cli创建的 html中引入webpack配置高德apivue-cli 3.0 之后webpack的配置使用了vue.config.js来配置在vue.config.js中添加如下代码，module.exports =...

如下代码，点击父组件的li元素跳转到子组件中，并携带参数，便于子组件获取数据。<li v-for="article in articles" @click="getDescribe(article.id)">一、直接调用$router.push 实现携带参数的跳转getDescribe(id) { this.$router.push({ pa...

新建一个 vue.config.js，放在项目根目录仅需修改 target 属性要访问的接口IP即可// vue.config.js 配置说明//官方vue.config.js 参考文档 https://cli.vuejs.org/zh/config/#css-loaderoptions// 这里只列一部分，具体配置参考文档module.exports = { // 部署生产环境和...

What is Vuex?Vuex 是一个专为 Vue.js 应用程序开发的 状态管理模式。说白了，它就是 vue 的一个全局状态管理插件。在 vue 应用中有一颗唯一的全局状态树，所有的数据都在这颗全局状态树中。下面以一个简单的 Todo 作为例子，来讲解 Vuex 的基本使用安装Vuex 不仅仅作用于开发环境，而且还要用于生产环境，安装 vuex 应该使用 -S 即 --save 命...