element-ui的简单笔记element-ui简单笔记(上)element-ui简单笔记(下) 八、Form相关组件8.1 Radio单选按钮1.创建Radio按钮<!--组件创建--> <el-radio v-model="label" label="男">男</el-radio> <el-radio v-model="label" lab
工作项目中主要的文件夹使用一.主要的文件夹配置build文件夹: webpack配置文件 面是对 webpack 开发和打包的相关设置,包括入口文件、输出文件、使用的模块等config 文件夹: 主要是指定开发和打包中的静态资源路径、要压缩的文件类型、开发使用的端口号、开发使用虚拟服务器跨域请求 api 等node_modules: 项目的依赖库;src 文件夹: 我们主要操作的地方,组件的增加修
转载 2024-04-02 15:18:02
1377阅读
目录黑马商城实战项目项目搭建配置tabbar获取轮播图数据实现轮播图的结构和数据渲染实现菜单导航结构引入字体图标初始化样式完成菜单导航基本结构菜单导航样式实现推荐商品列表定义基本结构美化样式获取数据渲染数据完成黑马超市页面改造导航菜单创建黑马超市页面封装商品列表组件渲染商品列表实现上拉加载更多实现下拉刷新关于我们实现社区图片实现资讯列表实现列表项的结构和样式封装为组件在新闻页面导入并使用点击列表进
转载 2024-09-04 15:31:15
110阅读
1、开发 H5 时移动端,经常会使用真机进行调试本地环境、webpack 配置服务器好多脚手架写的都是固定的,而在团队开发中需要每人配置自己的本机 ip 进行开发,每次开启开发环境的都需要修改,并且还不能提到 git ,太麻烦了,所以找了方法,动态获取本机 ip 进行本地环境真机调试。 2、如果有其他人想看一下项目,难道每次都要打包发布一下才可以看到吗?将 localhost 改成电脑 ip 地址
需求:多级分类支持多选选择子节点需要把父节点的值也选中,用于筛选时选中父节点也能筛出子节点分类可以无限级添加子节点开发这个需求使用ElementUI, Cascader 级联选择器文档: https://element.eleme.cn/#/zh-CN/component/cascader参数设置// 筛选项options:[ { value: "1", label: "one", children: [ { value: "1-
原创 2022-02-28 16:24:03
2076阅读
需求:多级分类支持多选选择子节点需要把父节点的值也选中,用于筛选时选中父节点也能筛出子节点分类可以无限级添加子节点开发这个需求使用ElementUI, Cascader 级联选择器文档: https://element.eleme.cn/#/zh-CN/component/cascader参数设置// 筛选项options:[ { value: "1", label: "one", children: [ { value: "1-
Vue
原创 2021-07-12 10:19:15
2509阅读
城市选择器应该是比较常用的一个组件,用户可以去选择自己的城市,选择城市后返回,又根据自己选择的城市搜索小区。功能展示 这是选择结果这是选择城市这是搜索小区这是搜索小区接口,key为城市名字,id是城市的id假如切换城市搜索接口也会相应变化,id=0997 就是指定的搜索城市id技术栈 vue2.0+vue-router+webpack+vuex+less+better-scro
转载 8月前
506阅读
vue-element-admin 登陆引言vue-element-admin是vue生态圈中,最火的一个后台管理框架。基于vue和element-ui实现。这篇文章主要会讲解登陆的流程以及我认为这个框架的厉害的东西:动态路由,之前看代码的时候,总想着一个登陆搞那么麻烦,后面仔细品味发现原来一个小小的登陆功能涉及到了这么多的东西。准备工作目录结构了解一个框架之前,先要从目录结构入手(这里直接引用花
转载 2024-05-08 15:56:38
108阅读
最近在整理以前的代码,碰到了写的element-ui整合vue的项目感觉挺好用的,就用一个案例分享给大家吧。首先还是直接附上一份单独网页版的代码吧,复制导入vue.js即用,不需要后端,感受下element-ui的强大。如果想要直接的案例,不想进行简单尝试,请直接调到标题二:案例环境1. 单独网页版代码:<!DOCTYPE html> <html lang="en"> &l
转载 2024-04-23 16:00:34
95阅读
城市选择页需求展示首先明确这是我们即将需要开发的城市选择页面: 城市选择页路由配置在gitee的分支栏点击新建分支city-router,然后记得将本地master分支切换到city-router分支。如何切换呢?步骤如下:第一步:使用git pull将创建的city-router分支拉到本地;第二步:执行git checkout city-router切换到city-router分支
使用giteepages功能部署网页需求假如你辛辛苦苦写好了一个静态网页,很想要炫耀一下,让大家都可以通过公网访问看到我的网页。但是不想太麻烦,买服务器,安装软件,部署环境,配置域名,备案,什么的。这里有一种最简单的方式,使用giteepage功能,将你的网页通过giteepage部署,大家都可以通过公网看到你的网页了,省去了卖服务器,自行配置,备案的麻烦。我在上一篇文档中介绍了使用git部署网页
目录前言详细解决办法⚠️注意事项前言是他就是他!项目运行后界面: 项目地址: vue-element-adminhttps://github.com/PanJiaChen/vue-element-admin搞了三天,error了3天真的致郁了,今晚终于解决了!希望我这篇博客可以帮到更多的人!首先,遇到的错误有很多,比如node版本、webpack版本、npm版本、github连
以下是第一版的实现思路,第二版做了优化,包括实现思路、样式转由 template 控制等,代码更简洁,已封装成工具——v-calendar-pick效果:部分代码.vue<template> <div class="date-select"> <div class="date-select__custom"> <span class
大家在使用element-ui的时候,有可能会去修改element-ui的样式,但是在修改样式的过程中会出现各种问题,今天就来说一说我遇到的问题吧!比如这个多选级联的选择框,ui要求是所有的输入框都必须是34px的高度,但是这个输入框的高度是36px,有的是40px高度,没有行内样式的还好改,有了行内样式的怎么改呢?由于我们只能用比内联样式高的权重,这时候如果我们直接强行修改样式用 !import
转载 2024-06-10 10:31:10
194阅读
1、安装 npm i element-ui -S 2、完整引入 其中,样式文件是单独引用的。 3、按需引入(需要借助babel-plugin-component) npm install babel-plugin-component -D 然后创建babel的配置文件 然后就可以按需引入了: 在引入 ...
转载 2021-10-23 21:54:00
423阅读
2评论
文章目录项目部署视频前言一、前端搭建1、下载前端模板2、项目运行二、前端登录改造1、改造前端项目2、登录接口请求详解3、数据响应三、总结 前言这次拖了一个多月才更新,最近自己发生了很多的事情,有时间和大家一起聊聊,所以一直没来得及更新,这次终于能静下心来写文章了,在这期间我还谋划了一个大的规划,那就是整理Java。我将系统的进行学习,学习的同时我将会写基础的学习文章,估计要持续四个月左右吧,从J
前言在上一篇博客vue2响应式原理之递归侦测全部对象属性,讲述了对象中嵌套对象或者数组的深层嵌套进行数据劫持使对象全部属性变得响应式,这一篇将讲述如果数据发生变化通过getter和sertter进行依赖收集通知Watcher进行视图更新一、依赖是什么?使用到数据的地方称为依赖,我们会在getter中收集依赖,在setter中触发依赖。我们把依赖收集的代码封装成一个Dep类用来管理依赖,然后在每个O
分析Element-ui封装思想在平时写业务或者是写玩具的时候为了方便,我们会使用各种各样的组件库。虽然说基本需求看文档就可以了,但是文档中提供的方法和业务需求相比肯定是有一定差距的,这时候就需要自己封装组件了;并且,在写了一些代码后感觉,其实在不同的项目中写过功能差不多相同的代码,那为什么不封装一下方便以后、或者是其他人使用呢?写这篇博客的时候参考了b站up主樱满空的视频。文章内容会不断的更新,
/ 如果当前值和上一行的值相同,则将当前单元格隐藏。// 否则计算当前单元格应该跨越多少行。// 获取上一行相同列的值。// 获取当前单元格的值。
原创 2024-09-05 10:10:42
100阅读
(1)什么是vue插件就像我们安装vscode的插件能给我们的vscode添加不同的功能一样。Vue的插件就是能够给vue添加新功能新特性的东西。(2)Vue插件有什么用插件通常会为 Vue 添加全局功能。所谓全局: 即不需要像组件那样,每次使用他前都需要先引入一次。对于插件只要在最开始引入一次,在任何组件就可以直接使用。(类似于我们在window上添加的方法属性那样,任何地方都可以用)插件能实现
  • 1
  • 2
  • 3
  • 4
  • 5