尚硅谷vue技术-自定义指令
自定义指令-函数式
需求1:定义一个v-big指令,和v-text功能类似,但会把绑定的数值放大10倍。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>自...
vue中Element组件使用报错,Error: Cannot find module ‘babel-preset-es2015‘
element ui按需引入
npm install babel-plugin-component -D
将babel.config.js(Element官网中说的 .babelrc)中的
["es2015", { "modules": false }]
修改为
["@babel/preset-env", { "...
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-admin-template
完整版https://github.com/PanJiaChen/vue-element-admin
文档https://panjiachen.github.io/vue-element-admin...
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安装(加上-D,开发环境需要,生产环境不需要)
npm i mockjs -D
2,在src文件夹下建立mock文件夹
3,准备模拟的数据
把mo...
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 ...
关于本站
“最难不过坚持”
本人承接扒站仿站,php网站维护,病毒查杀,网站编辑,网站改版,html制作
有需要网站维护,改版,病毒查杀,网站编辑,网站备案,html制作等相关的工作可以联系我。
本人有多年相关工作经验,也可提供免费咨询,交个朋友。
有需要探讨问题的朋友,也可以加我微信,共同探讨!
微信:15011482830 QQ:408917339
2655
39
分类目录
最新评论
- https://jueru.net/
-
- :weixiao:
-
- :shuijiao: :weiqu: :zhenbang: :leng:
-
- :yiwen: :yiwen: :yiwen: :yiwen:
-
- 这个业务逻辑多少都有点奇怪了,阅读浏览次数增值在新闻详情页的控制器方法里setInc,这怎么还写进模型事件里了。如果非要用onAfterRead也可以,把新闻文章的内容单独分出来一个news_content表,然后把它和news做关联,然后给news_content表的onAfterRead事件做增值处理,这样点进新闻页内查询到文章内容时才会触发它。
-
文章标签更多