vue-router设置默认路由
vue-router设置默认路由
{
path:'*', // 任何不存在的路径都会跳转到首页
// path:'/',
redirect:'/home', // 路径http://localhost:8080/#/home
// component:Home // 路径http:/...
谷歌浏览器安装vue3开发者工具vue-devtools
谷歌浏览器安装vue3开发者工具vue-devtools
链接:https://pan.baidu.com/s/1iI9XcgEcZatEk1kFyOUsPw
提取码:zq3z
安装:
点击管理扩展程序,开启开发者模式,
将解压后的文件nhdogjmejiglipccpnnnanhbledajbpd_6.1.4...
Vuex 命名空间 namespaced 介绍
Vuex由于使用单一状态树,应用的所有状态会集中到一个比较大的对象。当应用变得非常复杂时,store 对象就有可能变得相当臃肿。
因此,Vuex 允许我们将 store 分割成模块(module),每个模块拥有自己的 state、mutation、action、getter、甚至是嵌套子模块。
默认情况下,模块内部的 action、m...
尚硅谷Vue学习——过滤器
格式化时间js插件:dayjs.js
在线cdn查找:https://www.bootcdn.cn/dayjs/
github仓库及使用说明:https://github.com/iamkun/dayjs.git
定义:对要显示的数据进行特定格式化后再显示(适用于一些简单逻辑的处理)。
语法:
...
尚硅谷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...
关于本站
“最难不过坚持”
本人承接扒站仿站,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事件做增值处理,这样点进新闻页内查询到文章内容时才会触发它。
-
文章标签更多