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电视",
"空...
swiper轮播图 autoplay自动播放
swiper轮播图 autoplay自动播放
默认停留3秒
<script>
var mySwiper = new Swiper('.swiper', {
autoplay:true,//等同于以下设置
/*autoplay: {
delay: 3000,
stopOnLastSlide:...
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 ...
vue中的插槽（slot）
官方文档：https://v2.cn.vuejs.org/v2/guide/components-slots.html
vue中有3种插槽
1、默认插槽
<slot></slot>
2、具名插槽
<slot name="名称"></slot>
3、作用域插槽
<slot...
Vue github案例，全局事件总线，pubsub-js消息订阅与发布
Vue github案例，全局事件总线，pubsub-js消息订阅与发布
效果图：
网上找到一篇详细的文章，记录一下：https://blog.csdn.net/m0_53022813/article/details/127418134
以下代码是成品，包含全局事件总线和pubsub-js消息订阅与发布两种方...
vue中使用animate.css
vue中使用animate.css
官网：https://animate.style/
安装：
npm install animate.css --save
或者
npm i animae.css
main.js引入样式
import animated from 'animate.css...
Vue实现 TodoList
案例的效果如下
一、组件化编码流程：
(1).拆分静态组件：组件要按照功能点拆分，命名不要与html元素冲突。
(2).实现动态组件：考虑好数据的存放位置，数据是一个组件在用，还是一些组件在用：
...
vue this.$refs.inputTitle.focus is not a function
明白什么原因了：
item单独一个组件，里面只有一个input，可以绑定属性ref="inputTitle"
这样可以直接
this.$nextTick(function(){
this.$refs.inputTitle.focus()
})
而我是list和item是同一个组件，所以会有多个input框...
关于本站
“最难不过坚持”
本人承接扒站仿站，php网站维护，病毒查杀，网站编辑，网站改版，html制作
有需要网站维护，改版，病毒查杀，网站编辑，网站备案，html制作等相关的工作可以联系我。
本人有多年相关工作经验，也可提供免费咨询，交个朋友。
有需要探讨问题的朋友，也可以加我微信，共同探讨！
微信：15011482830 QQ:408917339
2707
39
分类目录
最新评论
- https://jueru.net/
-
评 留言
- :weixiao:
-
评 留言
- :shuijiao: :weiqu: :zhenbang: :leng:
-
评 留言
- :yiwen: :yiwen: :yiwen: :yiwen:
-
评 EasySass: could not generate CSS file. See Output panel for details.
- 这个业务逻辑多少都有点奇怪了，阅读浏览次数增值在新闻详情页的控制器方法里setInc，这怎么还写进模型事件里了。如果非要用onAfterRead也可以，把新闻文章的内容单独分出来一个news_content表，然后把它和news做关联，然后给news_content表的onAfterRead事件做增值处理，这样点进新闻页内查询到文章内容时才会触发它。
-
评 TP6模型事件-查询后onAfterRead不好用
文章标签更多