开发环境描述：Vue.jsElementUI高德地图API 需求描述：在新增地址信息的时候，我们需要根据input输入的关键字调用地图的输入提示API，获取到返回的数据，并根据这些数据生成下拉列表，选择某一个即获取当前的地址相关信息（包括位置名称、经纬度、街区、城市、id等信息）。如果不用鼠标选择，我们也可以按键盘上的上下方向键移动到目标地址，再按回车键选中目标地址。 &nbs
转载
2024-02-08 04:00:30
81阅读
Element UI手册：https://cloud.tencent.com/developer/doc/1270中
原创
2021-07-28 11:05:34
403阅读
Element UI手册：https://cloud.tencent.com/developer/doc/1270中文文档：http://element-cn.eleme.io/#/zh-CNgithub地址：https://github.com/ElemeFE/element1：在项目里面新建一个mock文件夹，在mock文件夹里面新建一个tes...
原创
2022-04-23 23:46:41
433阅读
点赞
1.1 ElementUI介绍 1.2 常用组件1.2.1 Container 布局容器 <body>
<div id="app">
<el-container>
<el-header>Header</el-header>
<el-container>
<el-asi
转载
2024-06-02 14:42:32
120阅读
前言：Vue+ElementUI开发项目，使用Dialog作为子组件时，父组件初始化子组件内部未能获取到dom元素；假设 在父组件初始化完成之后，从后台异步拿到数据传递给子组件；子组件接收到父组件数据之后，做某种处理 返回给父组件 用于展示；比如我需要做一个修改功能，整个页面作为父组件、Dialog作为子组件、并且嵌套级联面板用于勾选数据（也可以想象一下嵌套的是一个form表单、table表格、E
转载
2024-04-22 15:14:09
135阅读
Element-UI的基本使用一、基于命令行的方式手动安装npm 安装npm i element-ui -SCDN目前可以通
原创
2022-07-01 10:04:31
412阅读
一：Vue.js技术栈npm：node.js的包管理工具，用于同一管理我们前端项目中需要用到的包、插件、工具、命令等，便于开发和维护。ES6：Javascript的新版本，ECMAScript6的简称。利用ES6我们可以简化我们的JS代码，同时利用其提供的强大功能来快速实现JS逻辑。Babel：一款将ES6代码转化为浏览器兼容的ES5代码的插件vue-cli：Vue的脚手架工具，用于自动生成Vue
转载
2024-06-06 16:02:39
58阅读
关键词:Webpackvue-cliAxiosvuexrouterlogin技术选型：由于公司现有项目多以后台管理项目为主，且以后大多项目为针对原有项目的重构，因此，选择一款成熟的后台管理项目框架能够极大的提高开发效率。这里公司选用的是vue-element-admin，文档内容详尽，可拓展性强，上手较快。所以，对应的的前端主技术框架选用Vue，配套UI库选用element-ui。所用到的一些技术
转载
2024-07-05 08:46:40
134阅读
elementui tree鼠标右击显示menu1、tree鼠标右击方法2、tree懒加载3、鼠标右击事件 最近的项目做权限管理涉及到比较多树形结构，在这里分享一种鼠标右击树节点显示菜单的方法，效果图如下。（网上看了很多其他方法，感觉太繁琐，或者说不适合自己的项目） 1、tree鼠标右击方法官方文档给出了鼠标右击的方法，直接拿来用就是了， @node-contextmenu=“rightCli
转载
2024-04-17 12:12:00
218阅读
1、创建Vue3.x项目前端小白，博客中所记为个人练习遇到的问题，仅供参考。1.1 准备vue CLI（4.x）官网地址：vue CLI注：此时默认你以安装Node.js，Vue CLI 4.x 需要 Node.js v8.9 或更高版本 (推荐 v10 以上)。因为我们会用到3.0才有的 vue ui 进行可视化创建项目，所以推荐安装4.x，命令参照官网。可能出现的问题： 可能你已经存在 v
对话框 快捷键 eldi > 用到较多表单的快捷键 elf > 用到较多表格 >用到较多表单分成三部分 el-form model字段绑定：表单数据对象 rules字段绑定：表单验证规则 ref字段绑定：组件名字 label字段绑定：标签文字 el-form-item prop属性绑定：表单数据对象 ...
转载
2021-10-24 11:33:00
260阅读
2评论
## element ui使用jquery
### 一、流程
下面是使用jquery实现element ui的流程：
| 步骤 | 描述 |
| ---- | ---- |
| 步骤一 | 引入jquery库和element ui库 |
| 步骤二 | 初始化element ui组件 |
| 步骤三 | 使用jquery选择器选择要操作的元素 |
| 步骤四 | 使用jquery方法操作选中
原创
2023-09-02 10:23:39
143阅读
首先重点是：不能直接用，需要使用webcomponent，基础项目里面有个demo可以参考以下是开发聊天记录：（供参考）SHMILY 10-13 10:30:59 大佬们这个层没办法定义成一个组件嘛? Jstak 10-13 10:33:58 可以，但是你渲染的时候还是得渲染成html加载SHMILY
目录一、使用二、了解组件1.表格2.翻页组件-pagination3. Form表单4. Tree树形组件 5.Dialog对话框组件 官方地址：https://element.eleme.cn/#/zh-CNElementPlus(适配Vue3.0的版本)官方地址： https://element-plus.org/#/
转载
2024-03-16 00:15:19
57阅读
这段时间，一直在学习些源码，想了解下大佬的思路，看完后，只能说卧槽，还有这种操作。element-ui一个Vue常用的组件库，包含很多的知识点可以学习，其很多组件只是样式的变化。难度比较大的，轮播算一个。今天就给大家简单实现下它的一系列操作。首先它分为两个组件，一个是父组件（容器），另一个是子组件（幻灯片），首先容器是固定一个窗口，让对应的幻灯片显示。
我们先来写好它的模版。
父组件
转载
2024-04-26 08:39:12
2423阅读
别问,问就是今天是1024,混个勋章el-select介绍开发环境Select Attributes(参数介绍)select各适用场景介绍使用最广泛的基础单选有禁用选项的选择框选择框禁用状态可清空单选选择框基础多选,设置多选项自定义模板,自定义选项分组选择框可搜索的选择框选择框可创建新条目当无搜索项时显示信息其余的有可能用到的没什么很难的了,都一看就会,element-UI就这样 el-sele
转载
2024-02-26 10:23:13
387阅读
当前的测试环境如下： ———— 新版的@vue/cli ———— Vue2.x版本 第一步：安装Element UI npm i element-ui -S 第二步：引入Element UI 在main.js中： import ElementUI from 'element-ui' import ' ...
转载
2021-10-06 14:08:00
327阅读
2评论
## 实现Element UI中使用jQuery的步骤
首先，我们需要明确一点，Element UI是一个基于Vue.js的组件库，而jQuery是一个独立的JavaScript库。在Vue.js中推荐使用其自带的数据绑定和组件系统，而不建议直接使用jQuery操作DOM。不过，有些特殊情况下，我们可能需要在Element UI的组件中使用一些jQuery的功能，比如操作动画效果、调用第三方插件
原创
2023-08-27 10:46:01
341阅读
第3章-使用ElementUI开发管理后台-1学习目标：掌握elementUI提供的脚手架搭建管理后台的方法掌握elementUI的table组件的使用，实现列表功能掌握elementUI的pagination组件的使用，实现分页功能掌握elementUI的form相关组件的使用，实现条件查询功能掌握elementUI的dialog组件和$message的使用，实现弹出窗口和消息提示功能掌握ele
转载
2024-09-10 13:16:51
432阅读
路由器的两种工作模式1.对于一个url来说，什么是hash值?——#及其后面的内容就是hash值。2. hash值不会包含在HTTP请求中，即: hash值不会带给服务器。3. hash模式:1.地址中永远带着#号，不美观。⒉.若以后将地址通过第三方手机app分享，若app校验严格，则地址会被标记为不合法。3.兼容
原创
2022-06-06 12:30:17
449阅读
