12月快忙疯了，但是我学到了很多东西吧，由于产品经理的严格，导致我前端被逼无奈加了很多细节交互，不靠谱后端导致联调时间还在补接口，然后延期算在前端头上，很不开心。 好不容易第一个阶段结束了，抽空写一下总结。 目录一、关于表格的一些交互二、关于表单填写校验三、图片的上传与回显四、其他知识点 一、关于表格的一些交互1.表头自定义 需求分析：结合了elementUI的table组件做的一个需求，要求通过
1.vue➡使用Element-uivue开发还有一个方便之处就是可以利用组件开发前端，因为组件都是一个类似的模板而已，所以需要什么的组件都可以到ELement组件拿到。1. ELement组件使用初步教学没有html、css的基础的，回去补一下，不需要太多时间的，就是要懂一下语法规则，以及一些常用的标签的用法。Layout 布局通过基础的24分栏,迅速简便地创建布局。所谓的24分栏，就是把一个页
引入Element因为整个项目是依赖ElementUI框架做的，所以采用了全部引入1，在项目根目录执行命令：npm i element-ui -S进行安装2，在main.js中引入element：
import Element from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css';
背景在使用element-ui的Cascader 级联选择器组件的时候，我们期望在点击清空按钮的时候，可以跟Input 输入框组件一样，可以派发一个clear的事件。然而，我们查阅了文档，同时也查阅了源码，发现Cascader 级联选择器组件在点击清空按钮的时候，并没有派发出一个clear事件。虽然我们可以监听Cascader 级联选择器组件的change事件，通过回调参数中的数组长度是否为 0
转载
2024-06-22 12:19:48
527阅读
1】安装node.jsvue的运行是要依赖于node的npm的管理工具来实现，下载https://nodejs.org/en/，安装完成之后，打开cmd开始输入命令。(尽量使用管理员权限打开cmd)下载好node之后，以管理员身份打开cmd管理工具，，输入 node -v ，回车，查看node版本号，出现版本号则说明安装成功.2】安装淘宝镜像由于npm是国外的，使用起来比较慢，所以这里使用淘宝的c
8月9日下午，华为在东莞松山湖举行HDC.2019开发者大会，此次开发者大会以全场景和开发者为主题，涉及智能家居、智慧出行、可穿戴、EMUI 等多个技术领域。发布会开场最大的惊喜是，华为正式发布了自主的鸿蒙系统(Harmony OS)备受关注。华为消费者业务CEO余承东在开发者大会上介绍鸿蒙OS开发初衷时表示：随着全场景智慧时代的到来，华为认为需要进一步提升操作系统的跨平台能力，包括支持全场景、跨
转载
2024-02-22 07:01:05
54阅读
VUE前端插件。 vscode是微软开发的的一款代码编辑器，就如官网上说的一样，vscode重新定义（redefined）了代码编辑器。当前市面上常用的轻型代码编辑器主要是：sublime，notepad++，editplus，atom这几种。比起notepad++、editplus，vscode集成了许多IDE才具有的功能，比起它们更像一个代码编辑器；比起sublime，vscode颜值更高
vue add typescript
转载
2022-01-20 10:14:42
687阅读
介绍vue-core-image-upload 是一款轻量级的 Vue.js 上传插件，它可以支持的图片的上传，裁剪，压缩。它同样也支持在移动端的图片处理，它定义了诸多上传周期，你可以自由的进行流程控制。 Githubhttps://github.com/Vanthink-UED/vue-core-image-upload安装npm install vue-core-image-uploa
vue数据更新UI不刷新显示的解决办法vue比较常见的坑就是数据(后台返回)更新了，但是UI界面并没有更新，常见于以下情况：一、数据为数组时1.通过数组索引修改数组元素例如：此时UI数据并不会刷新2.修改数组长度时：解决方案：如果data为JSON数组则如下：第一个参数为要更新数据的数组，第二个参数为要更新的数组中具体的元素下标，第三个参数为新数据备注:数组原型上的方法vue可直接检测到变化：pu
Vue-CLI一个官方出品的快速搭建Vue项目的脚手架工具！安装npm install @vue/cli -g使用vue create 项目名然后一通选择...就OK了可视化创建项目vue uiVueCLI3创建的Vue项目的目录我们写的代码主要在src目录下一个.vue文件就是一个组件对象main.js是入口文件，项目运行从main.js开始的router.js是项目的路由配置，旧版本路由会存在
最近在用vue2.0做微信公众号相关的前端开发，经过这次开发实践，现将项目中用到的相关比较实用的插件及遇到的相关问题进行整理，希望和大家共同交流......cssrem：一个CSS值转REM的VSCode插件；lib-flexible：移动端弹性布局适配解决方案；vue-touch：移动端相关点击，滑动，拖动，多点触控等事件封装；vee-validate：适用于vue项目中表单验证插件；bette
整合ElementUI（实现登录） ElementUI官方网址： https://element-plus.gitee.io/#/zh-CN 提示：以下是本篇文章正文内容，下面案例可供参考 文章目录整合ElementUI（实现登录）一、创建工程1.创建一个名为 vue-elementui 的工程2.安装依赖3.启动工程二、编写ElementUI页面1.目录结构2.创建视图(1)创建路由创建首页
转载
2024-10-11 21:34:52
394阅读
1、组件传值时需要传递多个Props在编写组件时，不可避免的要根据需要传递各种值给组件，如果一个个的绑定传递就会显得很麻烦。这时候就可以使用没有参数的v-bind进行绑定const obj = {
name: 'name',
age: 17,
};
// 模板上这样使用
<ChildComp v-bind="obj"></ChildComp>
// 等于下面的写法
&l
转载
2024-07-18 13:29:19
174阅读
vue-i18n1. 安装2. 配置3. i18n使用4. 常用方法5. v-t 使用6. 组件插值 最近vue项目遇到需求，将项目全局国际化，要求中、英、日三种语言自由切换，在这里记录一下vue-i18n国际化语言包处理插件的使用，具体可参考: vue-i18n官方文档。1. 安装npm install vue-i18n --save2. 配置src目录下新建i18n目录，en.js英文语
转载
2024-07-08 09:37:02
509阅读
ElementPlus 全局引入与按需引入前言一、完整引入1、安装组件库2、在项目中引入3、设置组件语言二、按需引入1、安装组件库2、Webpack 配置3、在项目中引入（1）全局引入（2）局部引入4、按需引入时设置组件语言总结 前言之前使用 ElementPlus 做项目的时候，由于不会使用按需引入，一个仅需要几个 ElementPlus 组件的 Vue 项目，全局引入 ElementPlus
转载
2024-03-22 14:34:07
2376阅读
选择了element plus。于是按照element plus官网文档操作，安装了nodejs之后就开始 npm install element-plus --save。结果就完全进行不下去了，根本就没有main.js啊。百度之后发现，写的基本上也是跟官网差不多，帮助不大。没有人带入门，踩的坑确实会比较多。摸索之后，终于可以进行开发，记录之，以免同行走弯路。1、使用element pl
转载
2024-08-04 14:22:40
574阅读
上一篇文章完成了Router4.0的集成，已经页面的切换。那么就应该开始对每个页面的内容做设计了，vue有很很多支持的第三方UI库，其中使用最广泛的就是 elementUI 。这次 elementUI 的集成为了适配我们Vue3.0特地选择了官方对应的版本 element-plus 。安装首先进行依赖的安装，这里直接使用npm方式：npm install element-plus --save然后
转载
2024-04-19 19:14:05
2837阅读
◼ 图书管理系统前端代码1. Element UI 的全局引入与使用1.1 全局引入 Element UI 及相应配置◼ 在 main.js 文件中配置import ElementUI from 'element-ui' //导入element-ui所有组件
import 'element-ui/lib/theme-chalk/index.css' //导入element-ui样式1.2 登录
前言一般我们开发单页面应用（关于单页面应用是什么在本专栏的另一篇文章中有介绍）时，特别是针对和我一样打算走后端开发的同学，对于前端只需要有了解的程度就行了，但是平常做项目练手时经常会要自己写前端的东西，所以本文的主旨就是让各位和我一样的后端开发的同学能快速使用element-ui提供的网页组件快速搭建自己需要的网页。小tips在Idea中安装一个叫“element”的插件，就可以在Idea中写el
转载
2024-03-15 10:00:44
932阅读
