vue3项目自适应屏幕宽度 安装插件：lib-flexible、postcss-px2rem、px2rem-loader cnpm install lib-flexible --save cnpm install postcss-px2rem --save lib-flexible是来作为移动端适配的解决方案的，postcss-px2rem将代码中px自动转化成对应的rem的一个插件。 在main…
报错内容npm ERR! enoent ENOENT: no such file or directory, open ‘**\package.json’ npm ERR! enoent This is related to npm not being able to find a file. 明明项目中有package.json这个文件，但是运行时却说没有，一般这种情况是运行项目（npm run…
引用 高德地图官方api文档 安装 npm i @amap/amap-jsapi-loader --save // 官方文档中加了-dev字段，加了-dev字段就只能在本地的时候使用，部署到服务器后将不引入包 export default { data() { return { mapInit(){ AMapLoader.load({ "key": "0a2974fda0aad52f9162df7…
地址搜索 需求 根据地名搜索，选择地图中的地点。 实现 第一步：设置初始值 data(){ return { BMap:null, myGeo:null, show_adr:false, zoom: 13, center: { lng: 118.83, lat: 31.95 }, keyword:'', location:'南京', modal:{ adr:'', point:'' } }; } …
项目需求问题 Vue项目element-ui弹窗组件el-dialog、el-drawer，阻止点击遮罩层关闭 Vue项目element-ui弹窗组件el-dialog、el-drawer，阻止点击遮罩层关闭 在使用element-ui组件的时，根据项目需求，需要修改组件默认的属性值。 今天根据需求需要组织点击遮罩层关闭组件el-dialog或者el-drawer <el-dialog :t…
Vue 项目中常用的 2 个 ajax 库 (一)vue-resource vue 插件, 非官方库,vue1.x 使用广泛 vue-resource 的使用 下载 npm install vue-resource --save 编码 // 引入模块 ，注意应该在入口文件main.js中引入和声明 import VueResource from 'vue-resource' // 声明使用 Vue…
使用 CopyWebpackPlugin 插件，在webpack中copy文件或文件夹 1、下载插件 CopyWebpackPlugin $ npm install copy-webpack-plugin --save-dev 2、在build/webpack.base.conf.js文件下使用插件： const CopyWebpackPlugin = require('copy-webpack-…
步骤一：用npm安装SDK cnpm install ali-oss 步骤二：安装完成后，在配置文件中调用和配置参数 新建一个配置文件aliOss.js 可使用 import 或 require 进行引用 //调用阿里云OSS const OSS = require('ali-oss'); export function infoClient() { //配置阿里云的参数 const client…
创建Vue项目 以及引入Iview 官方文档 # 全局安装 vue-cli $ npm install --global vue-cli # 创建一个基于 webpack 模板的新项目 $ vue init webpack my-project # 安装依赖，走你 $ cd my-project $ npm install $ npm run dev 以上是vue官方文档中Vue.js 提供一个 …
什么是生命周期和生命周期函数 生命周期是指一个组件从创建->运行->销毁的整个阶段，强调的是时间段。 生命周期函数是由Vue框架提供的内置函数，会伴随着组件的生命周期，自动按次序执行。 注意：生命周期强调的是时间段，生命周期函数强调的是时间点。 创建期间的生命周期函数 1、beforeCreate： 实例在被完全初始化之前调用该函数，此时，还没有初始化好 data 和 methods …