03 2021 档案
摘要：一、概述 示例代码： <template> <div> <div v-for="(item,index) in product"> <img src="{{ item.imgSrc }}" alt=""> </div> </div> </template> 发现这样运行会报错 二、解决方法 img标
阅读全文
摘要：一、概述 使用百度实现搜索功能，先来看一下效果图 二、代码实现 安装插件vue-resource npm install vue-resource --save 这个插件主要是为了实现this.$http.jsonp()方法 修改main.js，引用vue-resource import VueRe
阅读全文
摘要：一、概述 项目需要的原因，在sub组件的父级list组件中需要用到xhcj组件，同时sub组件中也用到了xhcj组件，两个地方代码逻辑是相同，仅仅是样式有些微的差别，所以决定共用组件，然后覆盖样式。 style标签上的scoped属性会致使样式只作用于当前组件，对子组件是不起作用的，但是不加scop
阅读全文
摘要：一、概述 先来看一下搜索效果 节流函数 首先，我们来理解一下：节流函数首先是节流，就是节约流量、内存的损耗，旨在提升性能，在高频率频发的事件中才会用到，比如：onresize，onmousemove，onscroll，oninput等事件中会用到节流函数； 实时查询功能原理分析 所谓模糊查询就是不需
阅读全文
摘要：一、概述 经常会见到，标题或者字段超过多长，然后进行相关的截断，以下在vue当中，使用了vue的过滤器，很好的解决了这问题。 二、代码实现 test.vue <template> <div class="title">{{ name | ellipsis}}</div> </template> <s
阅读全文
摘要：一、概述 在上一篇文章中，链接如下：https://www.cnblogs.com/xiao987334176/p/14361893.html 开发了一个django channles websocket 项目，用的是asgi。官方推荐使用asgi服务器daphne，来处理websocket请求 d
阅读全文
摘要：一、概述 在之前的文章中，链接如下：https://www.cnblogs.com/xiao987334176/p/14313471.html 介绍了ElementUI 分页，前端请求一次接口，获取所有数据，由ElementUI 分页组件实现分页，也就是说由前端来完成了分页功能。 但是，在实际项目中
阅读全文
摘要：一、概述 在项目中，有一个搜索页面，需要根据不同的关键字，动态修改meta信息，用于seo优化。 本文接下来介绍如何使用 vue-meta 修改页面头部信息 二、vue-meta使用 安装 npm install --save vue-meta main.js使用依赖 修改main.js，增加2行代
阅读全文
摘要：一、概述 如果用户输入错误的网址没有提示，界面也不会有任何变化，用户体验非常不友好，所以需要设置错误提示 二、设置 设置404页面需要在配置路由文件index.js中设置，其中 '*' 代表的就是404页面 // 404 page must be placed at the end !!! { pa
阅读全文
摘要：一、概述 CSS 预处理器 SCSS是一种CSS预处理语言，定义了一种新的专门的编程语言，编译后形成正常的css文件，为css增加一些编程特性，无需考虑浏览器的兼容性（完全兼容css3），让css更加简洁、适应性更强，可读性更佳，更易于代码的维护等诸多好处。CSS预处理语言有SCSS (SASS)
阅读全文
摘要：一、概述 在ElementUI 项目中，使用@keyup.enter事件，发现不生效。 <el-input v-model="SearchData" class="input-with-select" @keyup.enter="SearchKeyDown"> 二、解决方法 上面那种写法只适合原生,
阅读全文
摘要：一、概述 在上一篇文章中，我们已经搭建好了首页的一个大概样式，参考链接： https://www.cnblogs.com/xiao987334176/p/14434383.html 现在我们就来使用ElementUI搭建头部组件，最终效果如下： 二、头部组件 注意：项目代码参考上一篇的，修改 vie
阅读全文
摘要：一、概述 一般后台页面的顶部导航栏和左侧导航栏一般是固定的，我们可以布局成下面的样式 二、整体项目布局 因为我们的首页是个公共的组件，点击首页，会员管理，都不会变，所以我们可以放在一个单独文件夹里面。 需要分别对头部，左侧区域，主区域拆分成不同的文件。 创建项目 创建一个全新的ElementUI 项
阅读全文
摘要：一、概述 在项目开发中每一次路由的切换或者页面的刷新都需要判断用户是否已经登录，前端可以判断，后端也会进行判断的，我们前端最好也进行判断。 vue-router提供了导航钩子:全局前置导航钩子 beforeEach和全局后置导航钩子 afterEach，他们会在路由即将改变前和改变后进行触发。所以判
阅读全文