
Vue.js
文章平均质量分 63
MuGuiLin
Web Development。
展开
-
HTML table表格 固定表头 tbody加滚动条
纯CSStable表格thead固定tbody滚动效果由于项目需要,在表格中,当数据量越来越多时,就会出现滚动条,而在滚动的过程中,默认情况下表格头部会跟着表格内容一起滚动,导致看不到头部对应的字段名,影响体验效果!实现思路:将内容要滚动的区域控制在 tbody 标签中添加 overflow-y:auto; 样式,给 tr 标签添加table-layout:fixed;...原创 2019-12-31 18:00:02 · 21539 阅读 · 7 评论 -
Vite + Vue3 + Ts 解决打包生成的index.html页面 显示空白、报资源跨域、找不到资源、404-Page Not Found等错误
Vite3 + Vue3 + Ts 解决打包生成的index.html页面显示空白、报资源跨域、找不到资源、404-Page Not Found等错误。在用Vue3 + Ts进行项目开发,通过Vite进行构建打包后,直接在本地以文件系统的方式,用浏览器直接打开dist目录下的index.html文件访问时,浏览器页面显示空白、打开控制台后有报错、应该路径找不到对应的文件。原创 2022-01-04 19:18:10 · 24158 阅读 · 6 评论 -
纯前端 HTML+JS版, Vue.js版 二维码:生成、扫描、识别、解析、扫一扫
前言最近在公司的一个WebH5项目中,有个生成二维码 和 识别二维码的需求(要脱离微信环境、微信JS-SDK,微信小程序、微信受权,[就是可以在普通的浏览器中运行]),要求可以在PC端、移动端。关于二维码生成:相信大家做过,直接用的 qrcode.js、vue-qr 等前端库就可以实现比较简单。关于二维码识别:之前都是在微信环境中开发的,一旦脱离微信环境就用不了,所以现在正好项目有这个需求,经过一翻折腾实现了在PC端,移动端的二维码识别解析功能。该Demo功能共分为:HTML版 和 Vue版 两个版原创 2021-02-26 18:36:07 · 13616 阅读 · 50 评论 -
Vue-next 探究
前言由于最近公司项目甚多,现在终于有点时间了,所以去看了一下vue-next(下一代vue.js 3.0),相信不久的将来vue3.0很快就要发布出来了。这次是用TypeScript重构的,里面也新增了很多特性,如CompositionAPI,修改了数据响应式的实现方式等等,好的一点就是它是完全兼容2x的写法,而且在性能和速度上有显著的提升。相关链接vite:https://github.com/vitejs/vitevue-next:https://github.com/vuejs/vue原创 2020-07-24 15:26:35 · 1168 阅读 · 0 评论 -
Vue form-create的基本使用 和 自定义表单组件的数据通迅
form-create具有动态渲染、数据收集、校验和提交功能的表单生成器。轻松搞定 form 表单,让你不再为表单而烦恼form-create 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成器。并且支持生成任何 Vue 组件。结合内置17种常用表单组件和自定义组件,再复杂的表单都可以轻松搞定。hidden、input、inputNumber、checkbox...原创 2020-04-30 18:16:01 · 40945 阅读 · 13 评论 -
Vue 详情页返回列表页,不刷新页面,并且保留列表页原来滚动条所在位置
前言:最近公司有个移动端H5的项目,是前后端分离的,所以前端就Vue + Vux来做,项目是用vue-cli3生成的,其中就有这样的一个需求,在新闻列表页中向下滑动后,随别打开一个新闻,进入该新闻的详情页面,当看完后,从详情页返回到新闻列表页。这时,列表页重新请求接口数据,重新渲染DOM,而且滚动条也回到了最顶上的第1个新闻了。这样不仅性能不好,还会影响用户的体验效果。问题分析:...原创 2019-12-24 19:08:56 · 7784 阅读 · 6 评论 -
vue-cli3 项目引入 vux-ui 加 vue.config.js devServer{}配置
前言:由于项目需要,用的vue-cli3 + vux-ui 来做,vux现在也是比较优秀的前端移动端 UI 组件库、框架了,可是现在的vux 和 vue-cli3还没有同步更新,现将所填的坑记录下!!!安装基础必要的环境:首先需要安装Node.js环境、vue-cli脚手架什么的,这里就不再说了,官方文档说得比我详细:node.js官方:http://nodejs.cn/...原创 2019-08-16 11:03:26 · 4633 阅读 · 1 评论 -
Vue 页面跳转方式 与 参数传递 编程导航
首先:要清楚的是:Vue中都是单页面应用居多,而所谓的页面跳转,也是通过路由重新渲染了一下视图,而不是真正的页面跳转。一、标签跳转:<router-link> 映射路由1、不带参数跳转<!-- home页面(首页) --><template> <!-- 在Vue中的<router-link>标签中,到页面最...原创 2019-10-29 16:55:07 · 2408 阅读 · 0 评论 -
Vue Cli 使用详解(vue cli怎么用),从0开始,手把手操作!
前言:随着Web技术的不断发展,目前,在前端开发框架技术领域中常用的js框架有Angular、React、Vue这三个最为常用,我个人认为Vue提取了Angular和React优点,再加上Vue自己的创作,推出了当前市场上使用量最多的框架之一,当然,Angular和React用得很多,这个都是根据各自的需求来定。这里我们主要讨论Vue,由于Vue借助WebPack用于快速构建标准的Vue项...原创 2019-05-16 19:08:00 · 5628 阅读 · 0 评论