ELEM主题的文章列表，还有ELEM的技术要点_第24页

spring boot + vue + element-ui全栈开发入门——前端列表页面开发

一、页面 1.布局假设，我们要开发一个会员列表的页面。首先，添加vue页面文件“srcpagesMember.vue” 参照文档http://element.eleme.io/#/zh-CN/component/table中的例子,实现一个静态的列表页面代码如下：...

代码星球 ·2020-04-02

spring boot + vue + element-ui全栈开发入门——前端编辑数据对话框

需求 1.点击“添加”按钮，弹出录入数据的对话框窗口，并录入数据，如果数据有误则不允许提交。数据填写完毕后，点击“保存”按钮，调用http协议提交数据，提交完毕刷新页面数据。点击“取消”按钮关闭对话框。2.点击列表中的&ldq...

代码星球 ·2020-04-02

spring boot + vue + element-ui全栈开发入门——spring boot后端开发

前言本文讲解作为后端的springboot项目开发流程，如果您还不会配置springboot环境，就请点击《玩转springboot——快速开始》，如果您对springboot还没有入门，就请点击《玩转springboot——开篇》学习springboot开发...

代码星球 ·2020-04-02

spring boot + vue + element-ui全栈开发入门——前后端整合开发

一、配置思路是通过node的跨域配置来调用springboot的restapi。修改configindex.js文件，设置跨域配置proxyTable：proxyTable:{'/api':{target:'http://localhost:18080/',changeOrigin:true,p...

代码星球 ·2020-04-02

spring boot + vue + element-ui全栈开发入门——项目部署

前言常用的部署方式有两种：1.是把生成好的静态页面放到springboot的static目录下，与打包后的springboot项目一起发布，当springboot运行起来后，自然而然就能访问到静态页面文件了。这种方法比较简单，适用于非常小型的系统。优点是：不需要复杂的配置。而缺点也很明显：需要两...

代码星球 ·2020-04-02

spring boot + vue + element-ui全栈开发入门——集成element-ui

一.IDE开发工具常用的开发工具有webstorm和sublime。我个人喜好用Atom+插件的形式打开Atom，在file-->settings-->packages中收入vue开发相关的插件beautify：代码格式atom-html-preview：html代码提示langua...

代码星球 ·2020-04-02

spring boot + vue + element-ui全栈开发入门——主页面开发

目的开发一个后台管理的前端，顶部是标题，左侧是菜单导航栏，中间是要显示的内容。而内容可以是各种图表，也可以是数据列表。一、准备工作 1..修改App.vue文件代码如下：<template><divid="app"><transitionname="fad...

代码星球 ·2020-04-02

spring boot + vue + element-ui全栈开发入门——windows开发环境

一、node.js开发环境 windows系统，去网站https://nodejs.org/en/download/，下载对应的安装程序，并安装WindowsInstaller(.msi)接下来，开始配置环境变量。1.配置“NODE_HOME”为：“D:Prog...

代码星球 ·2020-04-02

vue-element-admin使用常见问题

一、vue-element-admin添加快捷导航　　这个组件是基于vue-i18n因此，首先在项目中安装i18nnpminstall--savevue-i18n然后main.js中引入importi18nfrom'./lang'//Internationalization然后注意src下边lang文件夹的引入。之后在...

代码星球 ·2020-04-02

element ui 日期控件范围时间限制记录、以及计算两个日期之间的天数

日期的筛选经常会有最小的日期选择，例如：当前日期:clearable="false":picker-options="pickerOptions0"value-format="yyyy-MM-dd"v-model="startTime"type="date"placeholder="选择日期"></el-d...

代码星球 ·2020-04-02

javascript querySelector和getElementById通过id获取元素的区别

querySelector和getElementById通过id获取元素的区别 <!DOCTYPEhtml><html><head><metacharset="utf-8"/></head><body>　　<divid="02E50...

代码星球 ·2020-04-01

Vue Elementui 如何让输入框每次自动聚焦

在项目优化中碰到一个小问题，在每次提示框显示的时候让提示框中的输入框聚焦。如下图。一般情况下提示框是隐藏的。点击了编辑才会弹出。那么原生属性autofocus只在模板加载完成时起作用，也就是说只有第一次有用。然后尝试了ref，再this.$refs.el也不能成功拿到该元素，因为饿了么组件封装的<el...

代码星球 ·2020-04-01

Leetcode 229 Majority Element II

　　在一个无序的整数数组nums[](大小为n）中。找出出现次数大于n/3的全部数。即找出数字numsi的出现次数k，满足k>⌊n/3⌋。　　首先。能够通过分析得到结论：满足条件的数字个数cnt最多为2。　　证明：ifcnt>2⇒cnt× (⌊n/3⌋+1 )>n超出原数组的大小。...

IT猿 ·2020-03-27

滚动到可视区域 Element.scrollIntoView()

Element.scrollIntoView() 方法让当前的元素滚动到浏览器窗口的可视区域内。语法：element.scrollIntoView();//等同于element.scrollIntoView(true)element.scrollIntoView(alignToTop);//Boolean型参...

IT猿 ·2020-03-27

vue-cli3 element 按需加载按需引入

1.安装element-uinpmielement-ui-S 2.安装按需引入必要插件npminstallbabel-plugin-component-D 3.修改babel.config.jsmodule.exports={presets:["@vue/app"],plugins:[//eleme...

IT猿 ·2020-03-27