文章列表
-
- vue 导航菜单刷新状态不消失,显示对应的路由界面操作
- 使用vue element-ui框架构建公共导航栏（https://element.eleme.cn/#/zh-CN/component/menu）按F5刷新就会返回默认定义的路由，使用 '$route.path' 刷新后还是在最新的一个路由：<el-menu :default-active=...
- 日期：2022-12-15
- 浏览：48
- 标签： Vue
-
- 详解template标签用法(含vue中的用法总结)
- 一、html5中的template标签html中的template标签中的内容在页面中不会显示。但是在后台查看页面DOM结构存在template标签。这是因为template标签天生不可见，它设置了display:none;属性。<!--当前页面只显示'我是自定义表现abc'这个内容，不显示'...
- 日期：2022-10-11
- 浏览：14
- 标签： Vue
-
- Vue实现学生管理功能
- 本文实例为大家分享了Vue实现学生管理的具体代码，供大家参考，具体内容如下难点 学生新建与学生编辑功能都用的一个组件，如何对其进行判断校验。 对用户输入进行校验，非空判断。 向服务器发送JSON数据，后端对JSON数据的转换。 三层架构中，各层功能划分 使用注解对学生数...
- 日期：2022-09-28
- 浏览：40
- 标签： Vue
-
- Vue封装通用table组件的完整步骤记录
- 目录前言为什么需要封装table组件？第一步：定义通用组件第二步：父组件与子组件进行render通信第三步：使用组件总结前言随着业务的发展和功能的增多，我们发现不少页面都具备相似的功能，这里举几个比较俗的例子：可以多选的下拉菜单，带输入的对话框，日期选择器等等，于是我们会想办法将这些共有的功能抽取成...
- 日期：2023-02-10
- 浏览：57
- 标签： Vue
-
- vue组件库的在线主题编辑器的实现思路
- 一般而言一个组件库都会设计一套相对来说符合大众审美或产品需求的主题，但是主题定制需求永远都存在，所以组件库一般都会允许使用者自定义主题，我司的vue组件库hui的定制主题简单来说是通过修改预定义的scss变量的值来做到的，新体系下还做到了动态换肤，因为皮肤本质上是一种静态资源（CSS文件和字体文件）...
- 日期：2023-01-29
- 浏览：27
- 标签： Vue
-
- Vue打包部署到Nginx时,css样式不生效的解决方式
- 今天在将使用Vue-cli编写的前端项目部署到Nginx的时候发生了一件很困扰的问题：Vue-cli项目在本地 使用 npm run dev的时候，页面样式是可以正常加载出来的，但是我将Vue-cli项目通过npm run build 打包生成的 dist 目录部署到Nginx之后，通过访问是无法加...
- 日期：2022-12-18
- 浏览：61
- 标签： Vue
-
- Vue 构造选项 - 进阶使用说明
- Directive指令：减少DOM操作的重复Vue实例/组件用于数据绑定、事件监听、DOM更新Vue指令主要目的就是原生DOM操作减少重复自定义指令两种声明方式方法一：声明一个全局指令Vue.directive(’x’, directiveOptions)方法二：声明一个局部指令在options里写...
- 日期：2022-12-06
- 浏览：15
- 标签： Vue
-
- Vue Object.defineProperty及ProxyVue实现双向数据绑定
- 双向数据绑定无非就是，视图 => 数据，数据 => 视图的更新过程以下的方案中的实现思路： 定义一个Vue的构造函数并初始化这个函数(myVue.prototype._init) 实现数据层的更新：数据劫持，定义一个 obverse 函数重写data的set和get(myVue.pr...
- 日期：2022-11-30
- 浏览：48
- 标签： Vue
-
- 如何手写简易的 Vue Router
- 前言还是那样，懂得如何使用一个常用库，还得了解其原理或者怎么模拟实现，今天实现一下 vue-router 。有一些知识我这篇文章提到了，这里就不详细一步步写，请看我 手写一个简易的 Vuex 基本骨架 Vue 里面使用插件的方式是 Vue.use(plugin) ，这里贴出它的用法： 安装 Vu...
- 日期：2022-11-16
- 浏览：25
- 标签： Vue
-
- vue实现购物车的小练习
- 今天从网上找了一个购物车的小例子，照着敲了一下，收获不少。下面的用一个小动图展示一下成果：接下来上代码：<!DOCTYPE html><html> <head> <meta charset='UTF-8'> <link href='css/sho...
- 日期：2022-10-17
- 浏览：6
- 标签： Vue
网公网安备