vue-cli使用 babel-polyfill 解决 vuex requires a Promise polyfill in this browser

vue-cli使用 babel-polyfill 解决 vuex requires a Promise polyfill in this browser

用vue-cli搭建了一套vue的开发框架,完成开发、联调和上线后,问题来了:chrome、火狐浏览器下都能正常显示的页面,在IE浏览器下愣就显示不出来了,而且控制台有一个红色的报错警示:vuex requires a Promise polyfill in this browser。也就是说ie9和一些低版本的高级浏览器对es6新语法并不支持。解决方法,使用 babel-
浏览:91 分类:Vuejs 标签: vue-cli babel-polyfill
vue+elementui+select选择后如果取消弹框后怎样修改为旧值

vue+elementui+select选择后如果取消弹框后怎样修改为旧值

需求表述:elementui select+option中,选择后只能在select标签上添加change事件,option上无法添加事件。但是change事件一旦触发,会弹出一个弹窗,包含【确定】和【取消】的按钮,点击【确定】时候,select值变化,【取消】的时候,值还是旧值。不过实际上,点击selecdt框的时候,其值已经改变。现在,就要实现在select选择后弹框
浏览:242 分类:Vuejs 标签: elementui vue select
利用nginx反向代理解决vue-cli项目打包后代理接口报404错误的问题

利用nginx反向代理解决vue-cli项目打包后代理接口报404错误的问题

vue-cli 跨域设置proxyTable: {'/api': {     target:'http://47.96.198.193:8080/bigstudent',     changeOrigin:true,     pathRewrite: {     '^/api':''     }  },}打包好的项目是用nginx来跑的,linux
浏览:637 分类:Vuejs 标签: nginx 反向代理 vue-cli
vue实现红包雨效果,复制代码就能用

vue实现红包雨效果,复制代码就能用

代码部分<template><divclass="rainBox"><divclass="countDown"v-if="secondMask"><imgclass="second":src="'https://img.51fanbei.com/h5/app/activity/redRain_0'+second+'.png'" ></div><divv-if="!seco
浏览:531 分类:插件/功能 标签: vue 红包雨
用vue/axios/formdata实现文件上传

用vue/axios/formdata实现文件上传

构造formData,使用axios上传文件在项目中使用axios上传文件,记得new一个纯净的axios或者考虑用ajax请求。因为axios在项目估计已经用了全局配置请求头等信息,这里的配置可能被全局请求头拦截,导致请求失败。1、html部分<aclass="fileBox"href="javascript:;">    导入商品<inputid="fileBtn"r
浏览:1178 分类:Vuejs 标签: 文件上传 formdata vue axios
解决vue父组件异步获取动态数据传递给子组件,子组件无法获取值的问题

解决vue父组件异步获取动态数据传递给子组件,子组件无法获取值的问题

做项目的时候,遇到在父组件中使用axios获取异步数据传给子组件,但是发现子组件在渲染的时候并没有获取到数据,在created/mounted里面打印也是空的,结果发现一开始子组件绑定的数据是空的,在请求数据没有返回数据时,子组件就已经加载了,并且他绑定的值也是空的。初始代码<template>    <divid="asjLife">        <divclass=
浏览:1107 分类:Vuejs 标签: vue
nuxt.js安装vue-awesome-swiper

nuxt.js安装vue-awesome-swiper

本人当前项目的nuxt版本是2.0.0。1、安装 vue-awesome-swipernpm install vue-awesome-swiper --save2、在 plugins 目录下新建vue-swiper.js文件import Vuefrom'vue'import VueAwesomeSwiperfrom'vue-awesome-swiper/dist/ssr'
浏览:2436 分类:Vuejs 标签: vue-awesome-swiper nuxt swiper
nuxt.js中layout属性介绍

nuxt.js中layout属性介绍

layouts:宿主布局页面模板组件,用于你可以把不同的页面指定使用不同的布局,不可更改。layout属性    官网介绍:https://zh.nuxtjs.org/api/pages-layout    作用:layouts 根目录下的所有文件都属于个性化布局文件,可以在页面组件中利用 layout 属性来引用。创建属于自己的模板layouts--|default
浏览:1349 分类:Vuejs 标签: layouts nuxt vue
nuxt.js目录结构介绍

nuxt.js目录结构介绍

Nuxt.js 是一个基于 Vue 的通用应用框架。 通过对客户端/服务端基础架构的抽象组织,Nuxt.js 主要关注的是应用的 UI渲染。Nuxt.js 预设了利用 Vue 开发服务端渲染的应用所需要的各种配置。Nuxt.js是使用 Webpack 和 Node.js 进行封装的基于Vue的SSR框架,使用它,你可以不需要自己搭建一套 SSR 程序,而是通过其约定好的文件结
浏览:688 分类:Vuejs 标签: nuxt Vue
Nuxt.js使用了vue-meta更新头部标签(head) 和html 属性

Nuxt.js使用了vue-meta更新头部标签(head) 和html 属性

:Nuxt.js 使用了 vue-meta 更新应用的 头部标签(Head) 和 html 属性。类型:Object 或Function使用 head 方法设置当前页面的头部标签。全局设置默认 Meta 标签Nuxt.js 允许你在 nuxt.config.js 里定义应用所需的所有默认 meta 标签,在 head 字段里配置就可以了。例子: head: {
浏览:1522 分类:Vuejs 标签: nuxt vue-meta head
vue中数组有一个元素,但报"Cannot read property '0' of undefined"

vue中数组有一个元素,但报"Cannot read property '0' of undefined"

原始代码<table>    <tr>        <td>{{data.balanceGoodsList[0].goodsName}}</td>        <td>{{data.balanceGoodsList[0].goodsPriceName}}</td>        <td>¥{{data.balanceGoodsList[0].saleAmount}}
浏览:1035 分类:Vuejs 标签: vue
Nuxt.js路由介绍

Nuxt.js路由介绍

Nuxt.js 依据 pages 目录结构自动生成 vue-router 模块的路由配置。1、基础路由假设 pages 的目录结构如下:pages--| user-----| index.vue-----| one.vue--| index.vuevue组件部分代码<divclass="links">    <router-linkto="/user"targ
浏览:905 分类:Vuejs 标签: Nuxt vue ssr

邮箱快速注册

忘记密码