![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
danger_man
踏遍万里山河,只为看那漫天繁星
展开
-
webpack创建的vue项目在IE中打开空白
公司的项目正常开发的时候一直用的chrome,没什么问题,最后部署后,发现项目在ie浏览器中打开空白控制台报缺少 " ) " ;无法获取未定义或 null 引用的属性 “call”通常处理办法 是1、npm i --save babel-polyfill2、在main.js中引入 import “babel-polyfill”3、在webpack.base.conf.js 中 替换为 app: [“babel-polyfill”, “./src/main.js”]一般这样就可以解决ie不兼容es原创 2021-12-28 14:13:17 · 887 阅读 · 0 评论 -
vue子组件接收父组件的传值并修改
1、单个属性值// 子组件:<template> <div> {{ val }} </div></template><script> name:'Child' props:{ val:String } methods:{ change(el){ // el是改变后的值 this.$emits("update:val",el) } }</script>// 父组件:<te原创 2021-08-19 16:11:13 · 848 阅读 · 0 评论 -
html文件中引入vue,在IE浏览器里报错
报错原因:vue本身是ES6语法,而IE浏览器只能支持ES5语法,这就导致vue的声明产生语法错误解决方案:1、在HTML文件头部引入这可以让内核较低的浏览器支持ES6语法2、正常情况下的vue声明需要做出调整 data(){ } 需要改成: data:function(){ return{ } } 普通的 created(){ } 方法名(){ } 需要改成: created:function(){ }...原创 2021-07-22 15:26:19 · 873 阅读 · 1 评论 -
vue相关事项
Vue项目运行后自动打开网址在配置文件package.json中 加上–open就可以了"scripts": { "dev": "webpack-dev-server --open --inline --progress --config build/webpack.dev.conf.js", "start": "npm run dev", "build": "node build/build.js" },...原创 2021-06-29 09:08:07 · 75 阅读 · 0 评论 -
vue的SPA项目,点击按钮实现全屏
vue的SPA项目,点击按钮实现全屏代码如下:html:<div class="fullScreen" @click="fullScreen"> <span style="font-size: 16px; margin-left: 10px; font-weight: bold">全屏</span> </div>js:data(){ return{ btnStatue: false }},method:{ // 一键全屏原创 2020-10-22 15:09:08 · 158 阅读 · 0 评论 -
vue 实现echarts图表重新刷新
需求:点击全屏按钮,页面布满全屏,但echarts图表的size还是全屏前的小size,现需要在用户点击全屏按钮后,重绘echarts的size代码:html:<div id="c2" style="width: 100%; height: 100%"></div>js:mounted() { window.onresize = () => { // 基于准备好的dom,初始化echarts实例 let myChart2 = echarts原创 2020-10-22 15:15:20 · 7925 阅读 · 1 评论 -
vue 子路由调用父路由的方法
#父路由页面#<template> <div style="height: 100%"> <!-- 路由占位符 --> <router-view @update="getRightList()" /> </div></template><script>export default { name: "Home", data() { return { } }, met原创 2021-05-19 15:23:05 · 1858 阅读 · 0 评论