vue-auto-focus:控制自动聚焦行为的vue指令
在网页的表单中，经常需要用程序来控制input和textarea的自动聚焦行为。例如我最近做的一个项目，有个装箱出库的流程，input框自动聚焦的流程如下：页面进入时自动聚焦到订单号输入框-&订单号扫描完毕聚焦到商品条码输入框-&扫描完一个商品条码后依然停留在条码输入框-&所有条码扫描完毕聚焦到订单号输入框。为了应付这种需求，就做了这个指令，github地址：，欢迎star。
&template&
&form v-auto-focus="focusCtrl" :data-current="currentIndex" :data-action="actionType"&
&input @focus="setFocusIndex(0)" type="text" data-index="0"&
&input @focus="setFocusIndex(1)" type="text" data-index="1"&
&textarea @focus="setFocusIndex(2)" name="" id="" cols="30" rows="10" data-index="2"&&/textarea&
&input @focus="setFocusIndex(3)" type="text" data-index="3"&
&/template&
&style scoped&
&script type="text/babel"&
export default {
focusCtrl: 0,
// 自动聚焦控制,变动时,执行自动聚焦指令
currentIndex: 0, // 当前聚焦元素的索引
actionType: 'next', // 自动聚焦的行为类型
methods: {
* 控制自动聚焦指令执行
* @param actionType {string} 自动聚焦类型 it can be 'next'/'prev'/'first'/'last'/'jump'
* @param index {string} 当actionType为'jump'时,需要传入将要聚焦元素的索引
setFocus(actionType,index) {
if (actionType === 'jump') {
this.currentIndex = index
this.focusCtrl++
this.actionType = actionType
* 元素聚焦时,获取当前聚焦元素的索引
* @param index {number} 当前聚焦的索引
setFocusIndex(index) {
this.currentIndex = index
next 聚焦到下一个元素
prev 聚焦到上一个元素
first 聚焦到第一个元素
last 聚焦到最后一个元素
jump 聚焦到指定的元素
聚焦行为控制逻辑
* 聚焦行为控制
* next 聚焦到下一个元素
* prev 聚焦到上一个元素
* first 聚焦到第一个元素
* last 聚焦到最后一个元素
* jump 跳转到指定的元素
* @param el
const focusCtrl = function (el) {
const action = el.dataset.action
const allFocusEls = getAllFocusEls(el)
const focusLen = allFocusEls.length
let current = getTargetIndex(el,allFocusEls)
switch (action) {
case 'next':
// 如果action为next,则聚焦到下一个输入框
if (current &= focusLen - 1) {
current = focusLen - 1
autoFocus(allFocusEls[current])
case 'prev':
// 如果action为prev,则聚焦到上一个输入框
if (current &= 0) {
current = 0
autoFocus(allFocusEls[current])
case 'first': // 如果为first,则聚焦到第一个输入框
current = 0
autoFocus(allFocusEls[current])
case 'last': // 如果为last,则聚焦到最后一个输入框
current = focusLen - 1
autoFocus(allFocusEls[current])
case 'jump': // 如果为jump,则获取focusIndex,跳转到对应的输入框
if (current &= 0 && current & focusLen) {
autoFocus(allFocusEls[current])
必须在需要控制的元素上添加data-index属性，需要在父元素上添加data-action属性和data-current属性，data-action为指令行为的类型（值为next,prev等），data-current为当前聚焦元素的data-index值，getAllFocusEls方法其实就是获取所有属性为data-index的元素，代码如下：
* 获取需要聚焦的所有元素
* @param el {Node} 指令挂载的元素
* @returns {NodeList} 需要聚焦的元素列表
const getAllFocusEls = function (el) {
return el.querySelectorAll('[data-index]')
getTargetIndex方法用来获取当前聚焦元素的在集合中的索引值，代码如下：
* 获取当前聚焦元素在集合中的位置
* @param el
* @param collection
* @returns {number}
const getTargetIndex = function(el,collection) {
const target = document.querySelector(`[data-index="${el.dataset.current}"]`)
return Array.from(collection).indexOf(target)
指令挂载时，自动聚焦到指定的元素
* 进入页面时,根据设置的data-index索引值,聚焦到对应的输入框
* @param el
inserted: function (el) {
const allFocusEls = getAllFocusEls(el)
// 获取需要聚焦的input元素组
let current = getTargetIndex(el,allFocusEls)
if (!current || current & 0 || current &= allFocusEls.length) {
// 如果没有设置data-current,或者current的数值范围不符合要求,则默认聚焦到第一个输入框
current = 0
const currentEl = allFocusEls[current]
autoFocus(currentEl)
通过指令的value值控制指令的执行，如果值有变动，则执行指定的操作，聚焦到指定的元素
* 更新时,如果focusCtrl有变动,则根据actionType来判断聚焦的行为,聚焦到对应的元素
* @param el
* @param value
* @param oldValue
update: function (el,{value,oldValue}) {
if (value !== oldValue) {
focusCtrl(el)
最后，所有文章都会同步发送到微信公众号上，欢迎关注,欢迎提意见：
没有更多推荐了，西施舌俗称海蚌、红蛋、沙蛤,是一种双壳类经济软体动物。 青岛特产 十大特色商品： 青岛牌啤酒（中华驰名商品） 崂山牌矿泉水（享誉海内外的&神水&） 即墨老酒（全国轻工系统相关信息质量大赛金奖） 田园牌草编工艺品 双星牌旅游鞋（中华驰名商品） 红超牌真空包装杂色蛤 天鹅牌机绣花边制品 大成牌真丝转印彩绘制品 崂池牌崂山云峰茶 梅鹤牌海产食品 名优产品： 海尔家电产品（中华驰名商品） 海信电视机（中华驰名商品） 澳柯玛电冰柜（中华驰名商品） 华东意斯琳干白葡萄酒 琅琊台牌白酒 哈德门牌香烟 崂山石（极具收藏及鉴赏价值的名贵石） 贝雕（青岛诞生的独特工艺品） 青岛大包（青岛市名优小吃） 小红楼牛肉灌汤包（山东名小吃） 瀛洲鲅鱼小吃（青岛饭店传统小吃） 瀛洲蛤蜊套餐（青岛饭店海鲜品牌） 清蒸红岛海蛎子（青岛小红楼特色品牌） 谷香村大虾面（谷香村面馆独家品牌） 美达尔烤鱿鱼（美达尔烧烤店专营） 鲍岛海鲜翡翠面（鲍岛酒家独有品牌） 城阳大仙桃（青岛市特优果品） 寒露密桃（农业部名优产品） &西施舌&海贝（青岛特产） 胶州湾杂色蛤（青岛市名优产品） 崂山拳头菜 仙胎鱼 松蘑 北宅大樱桃 大泽山葡萄（其种...
西施舌俗称海蚌、红蛋、沙蛤,是一种双壳类经济软体动物。 青岛特产 十大特色商品： 青岛牌啤酒（中华驰名商品） 崂山牌矿泉水（享誉海内外的&神水&） 即墨老酒（全国轻工系统相关信息质量大赛金奖） 田园牌草编工艺品 双星牌旅游鞋（中华驰名商品） 红超牌真空包装杂色蛤 天鹅牌机绣花边制品 大成牌真丝转印彩绘制品 崂池牌崂山云峰茶 梅鹤牌海产食品 名优产品： 海尔家电产品（中华驰名商品） 海信电视机（中华驰名商品） 澳柯玛电冰柜（中华驰名商品） 华东意斯琳干白葡萄酒 琅琊台牌白酒 哈德门牌香烟 崂山石（极具收藏及鉴赏价值的名贵石） 贝雕（青岛诞生的独特工艺品） 青岛大包（青岛市名优小吃） 小红楼牛肉灌汤包（山东名小吃） 瀛洲鲅鱼小吃（青岛饭店传统小吃） 瀛洲蛤蜊套餐（青岛饭店海鲜品牌） 清蒸红岛海蛎子（青岛小红楼特色品牌） 谷香村大虾面（谷香村面馆独家品牌） 美达尔烤鱿鱼（美达尔烧烤店专营） 鲍岛海鲜翡翠面（鲍岛酒家独有品牌） 城阳大仙桃（青岛市特优果品） 寒露密桃（农业部名优产品） &西施舌&海贝（青岛特产） 胶州湾杂色蛤（青岛市名优产品） 崂山拳头菜 仙胎鱼 松蘑 北宅大樱桃 大泽山葡萄（其种植地被家业部命名为&中国葡萄之乡&）
其他答案（共3个回答）
的贝类，名叫西施舌。西施舌俗称红蛋、贵妃 婆，属软体动物蛤蜊科双壳贝类。它生长在细沙质或泥沙质的海底，壳大而薄，略呈角形，壳面 黄褐色且发亮，壳顶与壳内面淡紫色。一般个体10厘米 左右，步足大似舌状，因此得名。
西施舌以肉质白嫩、味道鲜美独特而著称，且含有丰富的蛋白质、及人体必需的氨基酸和多 种维生素，是重要的滋补药物。在清代名医赵学敏和隋息子的...
西施之美，闻名天下。而在海里也有一种美丽的贝类，名叫西施舌。西施舌俗称红蛋、贵妃 婆，属软体动物蛤蜊科双壳贝类。它生长在细沙质或泥沙质的海底，壳大而薄，略呈角形，壳面 黄褐色且发亮，壳顶与壳内面淡紫色。一般个体10厘米 左右，步足大似舌状，因此得名。
西施舌以肉质白嫩、味道鲜美独特而著称，且含有丰富的蛋白质、及人体必需的氨基酸和多 种维生素，是重要的滋补药物。在清代名医赵学敏和隋息子的本草著作中分别列举了它的药用价 值，赞之“益精润脏，为补阴要药”。近代医学家认为，西施舌对糖尿病有很好的疗效。患者每 天早晨空腹食用1只水煮的西施舌（连汤带肉一起服用），1个周后，糖尿病指标明显下降。
西施舌以肉质白嫩、味道鲜美独特而著称，且含有丰富的蛋白质、及人体必需的氨基酸和多 种维生素，是重要的滋补药物。在清代名医赵学敏和隋息子的本草著作中分别列举了它的药用价 值，赞之“益精润脏，为补阴要药”。近代医学家认为，西施舌对糖尿病有很好的疗效。患者每 天早晨空腹食用1只水煮的西施舌（连汤带肉一起服用），1个周后，糖尿病指标明显下降。
西施舌主要分布在广东、浙江、福建沿海，广东的拓林湾、海门湾、闸坡港、水东港为主要 产区。西施舌生长速度快于文蛤，是很有潜力的优良养殖品种。
有个传说：春秋时，越王勾践借助美女西施之力，行使美人计灭了吴国，大局既定，越王正想接西施回国，越王的王后怕西施回国会受宠，威胁到自己的地位。便叫人绑一巨石于西施...
这是一道以懦米水磨粉为主要原料，加入枣泥、果料等馅，放入舌形模具中 制成的点心。如舌的形状冠以西施的美名，又因为属于汤团类食品，被誉为“汤 团中的皇后”。
刺参也称沙嘿,因背有4?6行大肉刺而得名。成参体长20
~30厘米，最长的有40多厘米。刺参富含蛋白质、硫酸软骨素、参皂甙A、C和磺、磷等多种微量元素，几乎不含...
十大特色商品：
青岛牌啤酒（中华驰名商品）
崂山牌矿泉水（享誉海内外的"神水"）
即墨老酒（全国轻工系统酒类质量大赛金奖）
田园牌草编工艺品
双星牌旅...
答: 上火了煲什么汤最降火？
答: 下列不健康的生活方式损害人体健康，在日常生活中要注意避免。
1. 雾天锻炼身体
雾天气压较低，风速较小，空气中的废气废物不易消散，空气被严重污染。根据科学 检测...
答: 上面几楼说的太书本化。
我是在一个铅锌矿长大的，这个我亲眼所见，亲耳所闻。
在铅锌矿工作30年以上的工人，干部也难免。一般都有铅中毒。
症状较轻的就是长期肚痛，...
每家运营商的DNS都不同，而且各省的也不同。你可以问问你的网络提供商，他们会告诉你的。（也可以通过分别访问域名和IP来检查DNS是否正常，访问域名不行，而访问IP可以，则说明DNS设置不对）
另外，如果ADSL-电脑没问题，一般ADSL-路由器也没问题的。而且采用ADSL拨号的话，DNS可以不设置的，拨号成功后会自动取得DNS服务器。
问题可能出在路由器设置上。进去检查一下吧。看看上网方式，上网用户名密码是否正确。
（有个问题要注意一下，有些地方的运营商会限制使用路由器或者限制接入数量，一般是采取绑定网卡MAC地址的方式，如果路由器设置都正常，试试路由器的MAC地址克隆功能，把电脑网卡的MAC复制过去）
B.20世纪上半叶，人类经历了两次世界大战，大量的青壮年人口死于战争；而20世纪下半叶，世界基本处于和平发展时期。
“癌症的发病率”我认为这句话指的是:癌症患者占总人数口的比例。
而B选项说是死亡人数多，即总体人数下降了，但“癌症的发病率”是根据总体人总来衡量的，所以B项不能削弱上述论证
这个问题有点不知所问了。
公务员并不由单位性质决定，行政单位行政编的是公务员，但并不是说行政单位的就是公务员，事业单位里面参照管理的也是公务员。
所以你的问题只能回答为：按公务员管理的是公务员。
有可能搓纸轮需要清洗一下了,如果清洗了还是不行的话,那估计需要更换搓纸组件了
考虑是由于天气比较干燥和身体上火导致的，建议不要吃香辣和煎炸的食物，多喝水，多吃点水果，不能吃牛肉和海鱼。可以服用（穿心莲片，维生素b2和b6）。也可以服用一些中药，如清热解毒的。
确实没有偿还能力的，应当与贷款机构进行协商，宽展还款期间或者分期归还； 如果贷款机构起诉到法院胜诉之后，在履行期未履行法院判决，会申请法院强制执行； 法院在受理强制执行时，会依法查询贷款人名下的房产、车辆、证券和存款；贷款人名下没有可供执行的财产而又拒绝履行法院的生效判决，则有逾期还款等负面信息记录在个人的信用报告中并被限制高消费及出入境，甚至有可能会被司法拘留。
第一步：教育引导
不同年龄阶段的孩子“吮指癖”的原因不尽相同，但于力认为，如果没有什么异常的症状，应该以教育引导为首要方式，并注意经常帮孩子洗手，以防细菌入侵引起胃肠道感染。
第二步：转移注意力
比起严厉指责、打骂，转移注意力是一种明智的做法。比如，多让孩子进行动手游戏，让他双手都不得闲，或者用其他的玩具吸引他，还可以多带孩子出去游玩，让他在五彩缤纷的世界里获得知识，增长见识，逐渐忘记原来的坏习惯。对于小婴儿，还可以做个小布手套，或者用纱布缠住手指，直接防止他吃手。但是，不主张给孩子手指上“涂味”，比如黄连水、辣椒水等，以免影响孩子的胃口，黄连有清热解毒的功效，吃多了还可导致腹泻、呕吐。
合肥政务区网络广告推广网络推广哪家公司比较好 一套能在互联网上跑业务的系统，被网络营销专家赞为目前最 有效的网络推广方式！
1、搜索引擎营销：分两种SEO和PPC，即搜索引擎优化，是通过对网站结构、高质量的网站主题内容、丰富而有价值的相关性外部链接进行优化而使网站为用户及搜索引擎更加友好，以获得在搜索引擎上的优势排名为网站引入流量。
良工拥有十多位资深制冷维修工程师，十二年生产与制造经验，技术力量雄厚，配有先进的测试仪器，建有系列低温测试设备，备有充足的零部件，包括大量品牌的压缩机，冷凝器，蒸发器，水泵，膨胀阀等备品库，能为客户提供迅捷，优质的工业冷水机及模温机维修和保养。
楼主，龙德教育就挺好的，你可以去试试，我们家孩子一直在龙德教育补习的，我觉得还不错。
成人可以学爵士舞。不过对柔软度的拒绝比较大。　　不论跳什么舞，如果要跳得美，身体的柔软度必须要好，否则无法充分发挥出理应的线条美感，爵士舞也不值得注意。在展开暖身的弯曲动作必须注意，不适合在身体肌肉未几乎和暖前用弹振形式来做弯曲，否则更容易弄巧反拙，骨折肌肉。用静态方式弯曲较安全，不过也较必须耐性。柔软度的锻炼动作之幅度更不该超过疼痛的地步，肌肉有向上的感觉即可，动作(角度)保持的时间可由10馀秒至30-40秒平均，时间愈长对肌肉及关节附近的联结的组织之负荷也愈高。
正在加载...
Copyright &
Corporation, All Rights Reserved
确定举报此问题
举报原因(必选)：
广告或垃圾信息
激进时政或意识形态话题
不雅词句或人身攻击
侵犯他人隐私
其它违法和不良信息
报告，这不是个问题
报告原因(必选)：
这不是个问题
这个问题分类似乎错了
这个不是我熟悉的地区vue使用element-ui的el-input监听不了回车事件解决
转自：http://blog.csdn.net/u/article/details/
仅用于学习，不可商用！！！
vue使用element-ui的el-input监听不了回车事件，原因应该是element-ui自身封装了一层input标签之后，把原来的事件隐藏了，所以如下代码运行是无响应的：
&el-input v-model="form.loginName" placeholder="账号" @keyup.enter="doLogin"&&/el-input&1
解决方法需要在事件后面加上.native
&el-input v-model="form.loginName" placeholder="账号" @keyup.enter.native="doLogin"&&/el-input&
正常的自己写的input标签添加键盘事件
当按下键盘的时候，执行show方法，然后再去执行相应的业务。
两个input的效果都是一样的 如果按13
也就是按键 enter 才会执行弹窗！！
@keyup.13 回车
@keyup.enter 回车
@keyup.left 左键
@keyup.right 右键
@keyup.up 上键
@keyup.down 下键
@keyup.delete 删除键
原文链接：
没有更多推荐了，刘诗诗黄衬衣搭黑裤子，利落帅气，却输给了章泽天？刘诗诗黄衬衣搭黑裤子，利落帅气，却输给了章泽天？影视迷妹妹百家号米兰秀场群星汇聚，女星们都卯足了劲一争高下。刘诗诗、章泽天同框比美，一个英俊帅气，一个甜美俏皮，美的各有千秋！"诗爷"一身浅黄色丝绸褐色条纹衬衣，里面是百搭的白色打底衫，黑色修身牛仔裤加黑白相间平底鞋，利落短发的样子英俊帅气得让小编移不开眼！"奶茶妹妹"则是银色太空短外套，搭配一件灰色的高领打底，下面一件浅灰色紧身牛仔裤，脚上一双经典小白鞋，低马尾+烈焰红唇，整个人明艳迷人，甜美又不失俏皮！两人同框比美，同样气质不凡、颜值爆表，但是章泽天胜在年轻，一脸的胶原蛋白着实让人羡慕，女人之间6岁的年龄差可不容小觑！两人的衣品谁的更好看呢？同样是小香风穿搭，刘诗诗米色彩球边短外套，里面搭配卡通的T恤，下半身穿的是一件深蓝色牛仔裤，脚上是一双黑色漆皮高跟鞋，优雅又不失帅气，半丸子头增添一丝甜美。深秋红叶中随便一照都是一幅画报！章泽天则是米色毛衣，黑色休闲裤加上黑色镶钻平底鞋，卡其色贝雷帽造型优雅又复古。超大耳饰设计感十足，这么瘦果然穿什么都好看！同样是"白+蓝"小清新搭配，刘诗诗白色暗花针织半袖，加上浅蓝色牛仔裙和白色平底鞋，同色系度假帽搭配利落短发，清爽自然！章泽天则是白色波点衬衣，搭配浅蓝色牛仔裙，半绑发的样子少女气息满满！两个人都是"白到发光"体质，穿起红裙秒变女神！刘诗诗暗红色深v露肩礼服，搭配低盘发，高贵典雅。大跨步走的样子自信迷人。章泽天则是大红色连衣裙，搭配偏分直发，简约大方。和都督握手也淡定从容，看来刘强东的眼光确实不错！休闲舒适风两人也都能轻松驾驭！刘诗诗红黑条纹上衣，搭配蓝色的牛仔阔腿裤，脚上一双黑色高跟鞋，波波头的诗宝气质满满。另一个是大红色镶钻上衣加白色阔腿裤，脚上黑色高跟鞋，高马尾的造型青春又有活力。帅气的刘诗诗VS甜美的章泽天，你觉的谁赢了？本文由百家号作者上传并发布，百家号仅提供信息发布平台。文章仅代表作者个人观点，不代表百度立场。未经作者许可，不得转载。影视迷妹妹百家号最近更新：简介:让我们一起来感受生活的乐趣吧作者最新文章相关文章Tina与阿布的故事
在开发Form表单中的三种查询方法
1、使用:parameter.G_query_find参数；IF (NAME_IN('PO_HEADERS.PO_HEADER_ID') IS NOT NULL) THEN
:parameter.G_query_find := 'TRUE';
app_find.find('CUX_PO_HEADERS_ADD_MESSAGE');
go_block('CUX_PO_HEADERS_ADD_MESSAGE');
:parameter.G_query_find := 'FALSE'; ELSE
FND_MESSAGE.DEBUG('请先保存订单头');END IF;在CUX_PO_HEADERS_ADD_MESSAGE的PRE-BLOCK中处理
copy(name_in('PO_HEADERS.PO_HEADER_ID'),'CUX_PO_HEADERS_ADD_MESSAGE.PO_HEADER_ID');2、使用Default_where属性处理declare
lv_default varchar2(2000);begin
lv_default:='.....';
go_block('CUX_PO_HEADERS_ADD_MESSAGE');
set_block_property('CUX_PO_HEADERS_ADD_MESSAGE',DEFAULT_WHERE,lv_default);
execute_3、使用app_find.query_range()来处理：begin
app_find.query_range(:find_date_from,
:find_date_to,
'CUX_PO_HEADERS_ADD_MESSAGE.REATE_DATE');
:parameter.Q_query_find:='false';
没有更多推荐了，