vue中Element组件使用报错,Error: Cannot find module ‘babel-preset-es2015‘
将babel.config.js(Element官网中说的 .babelrc)中的
["es2015", { "modules": false }]
修改为
["@babel/preset-env", { "modules": false }]
// babel.config.js
module.exports = {
...
vue element UI 按需引入找不到.babelrc
这个坑有点无语....
这个东西新版本改名字了,现在叫babel.config.js
就是图片上这东西
module.exports = {
presets: [
'@vue/cli-plugin-babel/preset'
]
}
里面的初始内容
当我们修改时不是按照...
vue命令创建项目失败,报错:Warning: name can no longer contain capital letters
vue命令创建项目失败,报错:Warning: name can no longer contain capital letters
报错原文:Warning: name can no longer contain capital letters
翻译:警告:名称不能再包含大写字母
vue后台模板https://github.com/PanJiaChen/vue-element-admin
vue后台模板https://github.com/PanJiaChen/vue-element-admin
文档https://panjiachen.github.io/vue-element-admin-site/zh/guide/
vue尚品汇-商品排序
vue尚品汇-商品排序
排序的逻辑比较简单,只是改变一下请求参数中的order字段,后端会根据order值返回不同的数据来实现升降序。
order属性值为字符串,例如‘1:asc’、‘2:desc’。1代表综合,2代表价格,asc代表升序,desc代表降序。
我们的升降序是通过箭头图标来辨别的,如图所示:
图标是ic...
vue尚品汇-面包屑导航
vue尚品汇-面包屑导航
1,html代码-src\pages\Search\index.vue
<ul class="fl sui-tag">
<!-- 分类名称,当有searchParams.categoryName属性时才会显示面包屑 -->
<li...
vue尚品汇-search组件
vue尚品汇-search组件
1,在api获取数据接口 (也包括了之前的轮播图,三级联动等等, 全部复制过来看的清除一点)
src\api\index.js第一次带参数
//导入刚才写好的axios二次封装的requests
import requests from "./ajax";
import mockRequ...
vue尚品汇-carousel全局组件
vue尚品汇-carousel全局组件
如果项目当中出现类似的功能,且重复利用,封装为全局组件----【不封装也可以】,但要有封装的思想
为了封装全局的轮播图组件:让Floor与listContainer组件中的代码一样,如果一样完全可以独立出来封装为一个全局组件。
<template>
<div clas...
vue尚品汇-楼层Floor组件
vue尚品汇-楼层Floor组件
一,mock模拟数据
1,mockjs模拟数据
[
{
"id": "001",
"name": "家用电器",
"keywords": [
"节能补贴",
"4K电视",
"空...
vue尚品汇-轮播图,mockjs模拟数据
vue尚品汇-轮播图,mockjs模拟数据
mockjs官网:http://mockjs.com/
一,mockjs模拟数据
1,mockjs安装
npm i mockjs
2,在src文件夹下建立mock文件夹
3,准备模拟的数据
把mock数据需要的图片放置于public文件夹中!
...
vue尚品汇-query与params参数合并
vue尚品汇-query与params参数合并
header组件输入关键字,点击搜索按钮
goSearch(){
// 第一种写法:字符串写法
// this.$router.push('/search/' + this.keyword + '?k=' + this.keyword.toUpperCase...
axios二次封装(详细+跨域问题)
一,为什么要对axios进行二次封装?
答:主要是要用到请求拦截器和响应拦截器;
请求拦截器:可以在发请求之前可以处理一些业务
响应拦截器:当服务器数据返回以后,可以处理一些事情
二,axios的二次封装
2.1 安装axios
在当前的项目路径下安装
cnpm install --save axios
2.2 通常情况下,项...
Vue2中vue-router报错:解决报错:Uncaught TypeError: Cannot read properties of undefined (reading ‘install‘)
Vue2中vue-router报错:解决报错:Uncaught TypeError: Cannot read properties of undefined (reading ‘install‘)
出现该情况的原因是vue-router安装的版本太高,一般vue2的项目对应的版本是vue-router@3版本
①在控制...
【Vue】vuex 求和案例
Vuex的基本使用:
1、初始化数据 state,配置actions、mutations,操作文件store.js
2、组件中读取 vuex 中的数据 $store.state.数据
3、组件中修改 vuex 中的数据 $store.dispatch('action中的方法名', 数据)
或 $store.commit('大...
[vuex] must call Vue.use(Vuex) before creating a store instance.
[vuex] must call Vue.use(Vuex) before creating a store instance.
2、问题原因
在创建store的时候、要先声明使用vuex。就是先后问题、使用顺序出现问题
3、错误代码还原
注意:在main.js中调整Vue.use(Vuex)和import store ...
vue中的插槽(slot)
官方文档:https://v2.cn.vuejs.org/v2/guide/components-slots.html
vue中有3种插槽
1、默认插槽
<slot></slot>
2、具名插槽
<slot name="名称"></slot>
3、作用域插槽
<slot...
关于本站
“最难不过坚持”
本人承接扒站仿站,php网站维护,病毒查杀,网站编辑,网站改版,html制作
有需要网站维护,改版,病毒查杀,网站编辑,网站备案,html制作等相关的工作可以联系我。
本人有多年相关工作经验,也可提供免费咨询,交个朋友。
有需要探讨问题的朋友,也可以加我微信,共同探讨!
微信:15011482830 QQ:408917339
2237
31
分类目录
最新评论
- :kaixin: :haha:
-
- 666 :kaixin:
-
- 楼主很给力,请教了有一个问题,很细心给我解答,还帮我解决了问题。 :zhenbang: :zhenbang: :zhenbang:
-
- 厉害 :zhenbang: :zhenbang: :zhenbang:
-
- 牛批 : :haha:
-
文章标签更多