博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue elementui table 双击单元格实现编辑,聚焦,失去焦点,显示隐藏input和span
阅读量:7020 次
发布时间:2019-06-28

本文共 990 字,大约阅读时间需要 3 分钟。

dblhandleCurrentChange(row, column, cell, event) {
switch (column.label) {
case "经度(°)": row.longitudeflag = true; break; case "纬度(°)": row.dimensionflag = true; break; case "距离(m)": row.heightflag = true; break; } },
 

 

 

聚焦需要加如下代码在公用js里面: Vue.directive('focus', function (el, option) {
var defClass = 'el-input', defTag = 'input'; var value = option.value || true; if (typeof value === 'boolean') value = { cls: defClass, tag: defTag, foc: value }; else value = { cls: value.cls || defClass, tag: value.tag || defTag, foc: value.foc || false }; if (el.classList.contains(value.cls) && value.foc) el.getElementsByTagName(value.tag)[0].focus(); }); 失去焦点方法:
inputblur(row, event, column) {
let tableD = this.tableData; tableD.forEach(function (item) {
item.longitudeflag = false; item.dimensionflag = false; item.heightflag = false; }); },
 

转载于:https://www.cnblogs.com/yixiaoyang-/p/9771652.html

你可能感兴趣的文章
Volley全方位解析,带你从源码的角度彻底理解
查看>>
php优秀网摘
查看>>
GDI+ 双缓冲
查看>>
git https连接方式,记住密码
查看>>
编译安装与gcc编译器
查看>>
初始化参数(Initialization Parameter)知识合集 based on 11g
查看>>
opencv中 Mat矩阵申明形式
查看>>
C++三大特性之继承
查看>>
FragmentTransaction的add(),replace(),以及show(),hide()
查看>>
mysql 1093 错误
查看>>
Codeforces 442B
查看>>
JMeter接口测试系列-关联参数
查看>>
Linux Shell常用快捷键
查看>>
Oracle sql 优化の索引监控
查看>>
通过日期获取日期所在年的周数
查看>>
培训班出身的程序员为什么遭人嫌弃
查看>>
vue中的 ref 和 $refs
查看>>
linux查看网络流量
查看>>
Sqli-labs less 34
查看>>
[转]DPM2012系列之十二:还原exchange2010用户邮件
查看>>