文章列表
-
- vue 导航菜单刷新状态不消失,显示对应的路由界面操作
- 使用vue element-ui框架构建公共导航栏（https://element.eleme.cn/#/zh-CN/component/menu）按F5刷新就会返回默认定义的路由，使用 '$route.path' 刷新后还是在最新的一个路由：<el-menu :default-active=...
- 日期：2022-12-15
- 浏览：49
- 标签： Vue
-
- 详解template标签用法(含vue中的用法总结)
- 一、html5中的template标签html中的template标签中的内容在页面中不会显示。但是在后台查看页面DOM结构存在template标签。这是因为template标签天生不可见，它设置了display:none;属性。<!--当前页面只显示'我是自定义表现abc'这个内容，不显示'...
- 日期：2022-10-11
- 浏览：15
- 标签： Vue
-
- Vue实现学生管理功能
- 本文实例为大家分享了Vue实现学生管理的具体代码，供大家参考，具体内容如下难点 学生新建与学生编辑功能都用的一个组件，如何对其进行判断校验。 对用户输入进行校验，非空判断。 向服务器发送JSON数据，后端对JSON数据的转换。 三层架构中，各层功能划分 使用注解对学生数...
- 日期：2022-09-28
- 浏览：41
- 标签： Vue
-
- 使用vue-cli创建项目并webpack打包的操作方法
- 1.准备环境（nodejs下载和设置环境变量）2.全局安装vue-cli，提供vue命令进行创建vue项目npm install -g @vue/cli关于旧版本Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x...
- 日期：2022-09-28
- 浏览：37
- 标签： Vue
-
- Vue封装通用table组件的完整步骤记录
- 目录前言为什么需要封装table组件？第一步：定义通用组件第二步：父组件与子组件进行render通信第三步：使用组件总结前言随着业务的发展和功能的增多，我们发现不少页面都具备相似的功能，这里举几个比较俗的例子：可以多选的下拉菜单，带输入的对话框，日期选择器等等，于是我们会想办法将这些共有的功能抽取成...
- 日期：2023-02-10
- 浏览：58
- 标签： Vue
-
- vue组件库的在线主题编辑器的实现思路
- 一般而言一个组件库都会设计一套相对来说符合大众审美或产品需求的主题，但是主题定制需求永远都存在，所以组件库一般都会允许使用者自定义主题，我司的vue组件库hui的定制主题简单来说是通过修改预定义的scss变量的值来做到的，新体系下还做到了动态换肤，因为皮肤本质上是一种静态资源（CSS文件和字体文件）...
- 日期：2023-01-29
- 浏览：28
- 标签： Vue
-
- Vue Object.defineProperty及ProxyVue实现双向数据绑定
- 双向数据绑定无非就是，视图 => 数据，数据 => 视图的更新过程以下的方案中的实现思路： 定义一个Vue的构造函数并初始化这个函数(myVue.prototype._init) 实现数据层的更新：数据劫持，定义一个 obverse 函数重写data的set和get(myVue.pr...
- 日期：2022-11-30
- 浏览：49
- 标签： 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实现购物车的小练习
- 今天从网上找了一个购物车的小例子，照着敲了一下，收获不少。下面的用一个小动图展示一下成果：接下来上代码：<!DOCTYPE html><html> <head> <meta charset='UTF-8'> <link href='css/sho...
- 日期：2022-10-17
- 浏览：6
- 标签： Vue
-
- nginx部署vue项目,给访问路径加前缀的实现
- 这篇文章主要介绍了nginx部署vue项目,给访问路径加前缀的实现方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
- 日期：2023-03-13
- 浏览：157
- 标签： Nginx
网公网安备