这篇文章主要是简单的实现了vue2.0移动端自定义性别选择的功能,很简单但是经常用到,于是写了一个小小的demo,记录下来. 效果图: 实现代码: <template> <div class="app"> <div class="boy"> <input type="radio" name="radios" value="1" v-model="param

vue使用element Transfer 穿梭框实现ajax请求数据和自定义查询 基于element Transfer http://element-cn.eleme.io/#/zh-CN/component/transfer 直接上代码 <template> <div class="auth-user-list"> <el-breadcrumb separator="/"> <el-breadcrumb-item>

转(https://blog.csdn.net/qq_37746973/article/details/78402812) 在script中添加下面两个函数 //queryString 为在框中输入的值 //callback 回调函数,将处理好的数据推回 querySearchAsync(queryString, callback) { var list = [{}]; //调用的后台接口 let url = 后台接口地址 + queryString; //从后台获取到对象数组 axios.ge

项目中点击按钮实在太多了,怎么办呢?我们就可以将它们制作成像下拉框那样的类似操作 1.HTML样式部分:关键点在于command 方法和属性 1 <el-dropdown 2 size="small" 3 placement="bottom" 4 trigger="click" 5 @command="batchOperate" 6 style="margin-left: 10px;" 7 >

<template> <el-transfer v-model="value1" :data="data"></el-transfer> </template> 步骤: 1.在界面工程的文件夹下搜索transfer,找到transfer组件的文件夹,有两个文件. 2.在工程中全文搜索.el-transfer-panel,找到定义这个类的地方,修改宽度. 3.在\vue-admin-master\node_modules

仅个人经验,希望能帮到有需要的人. 第一次写 就话不多说了直接上代码. <el-input @keyup.native="proving(index)" v-model="item.Price"></el-input> // 只能输入数字且只有一位小数 proving(e) { // this.form.skus[e].Price 是input的值 // 先把非数字的都替换掉,除了数字和. this.form.skus[e].Price =

解决: 在input的上面添加数据v-model 既可以 1.菜单中api (2018年8月14号) :default-active  默认根据当前路由选中菜单,值需要和  el-submenu 的属性:index对应起来 :default-active不写的话不会选中菜单 <template> <div class="left_bar"> <div class="collapse"> 收起</div> <el-

<el-form-item prop="repeat_Password" class="userName_color"> <el-input type="password" placeholder="请再次输入新密码" v-model="loginRuleForm.repeat_Password" maxlength="18" //设置密码长度 :show-passwo

元素识别方法.一组元素定位.鼠标操作.多窗口处理.下拉框.文本域及富文本框.弹窗.JS.frame.文件上传和下载 元素识别方法: driver.find_element_by_id() driver.find_element_by_name() driver.find_element_by_class_name() driver.find_element_by_tag_name() driver.find_element_by_link_text() driver.find_element_b

元素定位及其他操作 0.常见的识别元素的方法是什么? driver.find_element_by_id() driver.find_element_by_name() driver.find_element_by_class_name() driver.find_element_by_tag_name() driver.find_element_by_link_text() driver.find_element_by_partial_link_text() driver.find_eleme

前言 这种场景还是蛮场景的 一个共用的head组件,组件里面通常是当前系统登录账号名 退出登录 修改密码这样的弹框 但是现在我又想head不跟着main内容上下滑动.所以用了fixed 定位. 问题来了,head组件的下拉菜单 修改密码弹框的遮罩在上方了,该如何解决呢? 需求 element的弹框的遮罩在上方,弹框的遮罩Z-index 是自增长的,所以改变弹窗的层级是没有用的 第一种方法:把下菜单剥离出来,成一个共组件,然后用定位来再head的组件的位置 缺点:每个页面都要改,不太好(懒) 第二

最近写公司的项目,这项目是vue和element ui搭建的, 做的是一套电力系统的管理平台.  遇到一个小麻烦,用过element ui 的都知道,使用element ui 弹框,点击空白处,默认是关闭状态的.现在的需求是,只有点击X才可以关闭页面.在官网找了好久,没有找到方法.最后在别人写的项目中才找到这个超级便捷的属性,只要在弹框属性上 加入 :close-on-click-modal="false"  就可以关闭默认的空白关闭弹框    总结:  element ui 弹框空白

1.表单标记:<form>内容</form> 属性:     name(表单名称) 必须写!!!  method(传送数据方式): get--将表单的内容附加在URL地址的后面,所以限制了提交的内容的长度,不超过8192个字符,且不具备保密性 post--将表单中的数据一并包含在表单主体中,一起传送到服务器中处理,没有数据大小限制  action:表单数据的处理程序的URL地址,如果为空则使用当前文档的URL地址, 如果表单中不需要使用action属性也要指定其属性为“no”  e

目录: 1.登录模块 2.注册模块 3.系列文章导读 牛年将至,祝大家行行无bug,页页so easy- 在微信小程序中,提供了form组件,可以将input.picker.slider.button等全部放在form中,并设置name属性实现类似html的表单提交功能. 鸿蒙js目前是没有form组件的,因此我们需要在提交时手动获取输入框.选择框等的值,自行构建数据对象. 1.登录模块 这里接着上一篇,通过dialog组件实现了模态登录和注册的窗口.登录窗口的效果如下: 每一行中,放置图标和i

姓名输入框:<input type="text" value="默认有值"/> 密码输入框:<input type="text" value="默认有值"/> 性别选择框: <input type="radio" name="sex"/><label for="nan">男</label> <input

姓名输入框:<input type="text" value="默认有值"/> 密码输入框:<input type="text" value="默认有值"/> 性别选择框: <input type="radio" name="sex"/><label for="nan">男</label><input

姓名输入框:<input type="text" value="默认有值"/> 密码输入框:<input type="text" value="默认有值"/> 性别选择框: <input type="radio" name="sex"/><label for="nan">男</label><input

1.CSS3 jQuery UI控制滑杆插件 今天我们要来分享一款基于CSS3和jQuery UI的控制滑杆插件,这款控制滑杆是在HTML5滑杆元素的基础上进行自定义CSS3渲染,所以外观更加漂亮.另外,这款控制滑杆插件是纵向的,当然你也可以通过设置让它水平放置. 在线演示 源码下载 2.HTML5版切水果游戏 HTML5游戏极品 这是一款由百度JS小组提供的HTML5版切水果游戏,记得切水果游戏当年非常火,今天我找到了一款基于HTML5实现的网页版切水果游戏.虽然和原版的切水果游戏相比功能不怎

///////////////////////////////////////////////////////////////////////////// // Name: personalrecord.h // Purpose: Dialog to get name, age, sex, and voting preference // Author: Julian Smart // Created: 02/28/04 06:52:49 // Copyright: (c) 2004, Juli

ActiveForm要和Model一起使用 我想在你的控制器的action中,至少应该这么写: /*action*/ $model = new Comments(); //实例化 Comments model return $this->render('msg',['model'=>$model]); //将 comments model 作为参数 推进我要的视图页面 render中的 「msg」就是对应的视图页面 那接下去看下msg视图: 在msg视图中,我们常用的方法和属性大都包含在了两个

1.表单校验功能: 在el-form标签中定义:rules="rules";ref="reference" 在el-form-item定义prop="name"; 在选项data中定义rules校验规则; 在提交方法中检查用户行为 //定义props rules: { name: [ { required: true, message: "请输入企业名称", trigger: "blur" } ]} //方