vue
关注
分享
扫一扫
rpf1234
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
百度地图初始化中心偏移的解决办法及问题原因分析
1.原因分析百度地图加载时页面标签的宽高都还没有加载完成，地图的标签宽高都是0，所以地图的中心会移到div的左上角2 解决办法推迟初始化地图的时间<script>import BMap from 'BMap' export default { components: { }, mounted() { setTimeout(() => { this.baiduMap() }, 100) }, m原创 2021-07-26 16:36:00 · 1597 阅读 · 0 评论 -
js 将对象转换成表单数据
let params={ a:'123', b:'345'}const formData = new FormData();Object.keys(params).forEach((key) => { formData.append(key, params[key]);});原创 2021-07-13 17:17:37 · 1901 阅读 · 0 评论 -
vue cli 调取百度地图使用自定义弹框BMapLib.InfoBox（） 创建的弹框默认关闭按钮如何隐藏
vue cli 调取百度地图使用自定义弹框BMapLib.InfoBox（） 创建的弹框默认关闭按钮如何隐藏代码如下index.html<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=1920,initial-scale=1.0"/> <title>zhihuixunhe&原创 2021-06-07 18:26:15 · 1568 阅读 · 1 评论 -
vue webpack之vue-router 使用history模式报错Cannot GET /xxx
报错原因：找不到页面资源解决办法：在webpack.config.js中的devServer内添加属性historyApiFallback代码如下historyApiFallback: { index: '/index.html'//该路径为打包后的首页路径及dist目录下的index.html页面 },...原创 2019-11-29 18:04:42 · 1119 阅读 · 0 评论 -
vue插槽slot
默认插槽slot: 就是没有名字（name）的插槽代码如下, import Vue from 'vue' const comn={ template:` <div :style='style'> <div> <slot></slot> ...原创 2019-11-29 09:40:53 · 154 阅读 · 0 评论 -
vue 之extends的使用方法总结
vue extends 和extend的使用方法总结作用：都是扩展vue组件时使用通过外部增加对象的形式，对构造器进行扩展。由于它接收的参数是简单的选项对象或构造函数,所以extends只能单次扩展一个组件。import Vue from 'vue'const comp={//声明第一个对象comp props:{ active:Boolean, propOne:Str...原创 2019-11-28 16:55:40 · 10666 阅读 · 0 评论 -
webpack打包成功后页面报错如下，该如何解决
错误如下解决办法，webpack配置文件加上如下代码即可resolve:{ alias:{ 'vue':path.join(__dirname,'../node_modules/vue/dist/vue.esm.js') }},将以上代码放置在output后即可...原创 2019-11-26 16:04:05 · 670 阅读 · 0 评论 -
vue+webpack+nodejs打包报错Vue internal/modules/cjs/loader.js:584 异常
vue+webpack+nodejs打包报错Vue internal/modules/cjs/loader.js:584报错原因：路径问题，package.json 的webpack打包路径不正确解决办法：将路径指定到正确的webpack.config.js文件即可修改如下位置的代码即可只要路径指向正确就不会报这个错...原创 2019-11-26 09:48:00 · 1626 阅读 · 0 评论 -
vue+webpack 执行npm run dev后访问首页显示目录结构的原因
vue+webpack 执行npm run dev后访问首页时，显示的是目录结构如下图这是因为缺少了两个plugin配置项添加代码如下（必须提前安装html-webpack-plugin插件）const HTMLPlugin = require('html-webpack-plugin')//引入html-webpack-pluginconst webpack = require(...原创 2019-11-22 18:09:22 · 1796 阅读 · 1 评论 -
vue树组件 节点数据超过一万条的处理方式
一次性渲将数据整合成组件树所需的格式并完成渲染考虑到for循环多层嵌套的执行效率过低，所以现在从节点的最里层开始一层一层向外赋值这样可以避免循环嵌套超过三层，执行速度也不会很慢 。下面是js 代码 （项目使用的是vue框架） appRequest.getAllTree(paramss,header).then(data => {//请求获取所有节点 _this.ztree=...原创 2019-11-05 14:32:49 · 4107 阅读 · 0 评论 -
vue父子组件通信
父组件给子组件传参父组件利用（$ref）传值： 通过调用子组件的方法将子组件所需的数据传递给子组件<!--父组件标签--><add-member ref="child"></add-member><el-button type="text" title="添加成员" @click="addmember(objects)" size="mini"...原创 2019-10-23 16:47:13 · 151 阅读 · 0 评论 -
vue-cli封装get put delete post 请求（参数中带header）
需要注意请求参数header的传参方式略有不同import axios from 'axios'const service = { /** * @desc GET 请求 * @param {String} url 请求地址 * @param {Object} params 请求参数 */ get (url, params,headers)...原创 2019-10-15 13:59:00 · 2842 阅读 · 3 评论 -
vue加载flv格式的视频遇到的bug，及解决方法
vue加载flv格式的视频遇到的问题描述第一次打开时报错```javascript```javascript```javascriptimport flvjs from "flv.js"; if (flvjs.isSupported()) { let videoElement = document.getElementById('videoElement'); ...原创 2019-10-15 10:52:08 · 5485 阅读 · 5 评论