精华内容
下载资源
问答
  • 我是利用v-for循环出的很的tap,所以下面我使用了item.id去注册ref popover里通过ref注册,item是v-for的循环标签元素 v-for="(item,index) in list" :key="index" <el-popover placement="left" ...

    注册ref,操作dom树关闭popver


    我是利用v-for循环出的很多的tap,所以下面我使用了item.id去注册ref
    在这里插入图片描述
    popover里通过ref注册,itemv-for的循环标签元素

    v-for="(item,index) in list" :key="index"
    
    <el-popover
                    placement="left"
                    width="160"
                    trigger="manual"
                    :ref="refNamePopover+item.id"
                    <p>这是一段内容确定删除吗?</p>
                    <div style="text-align: center; margin: 0">
                      <el-button size="mini" type="text" @click="cancelDelete(item.id)">取消</el-button>
                      <el-button type="primary" size="mini" @click="deleteCurData(item.id)">确定</el-button>
                    </div>
                    <span slot="reference">删除</span>
                    </el-button>
     </el-popover>
    

    我将refName抽取出来,方便以后修改,只需要修改一处就好了

    	data() {
    		return {
    			refNamePopover: 'popover-', // popover ref名称前缀
    		};
    	},
    

    这是popover里面的方法,主要就是通过注册信息ref找到子组件,直接操作dom树,进行操作

    methods: {
    		// 取消删除
    		cancelDelete(id) {
    			let refName = this.refNamePopover + id;
    			this.$refs[refName][0].doClose();
    		},
    		// 删除当前数据
    		deleteCurData(id) {
    			let refName = this.refNamePopover + id;
    			console.log('删除当前数据', id);
    			console.log('删除当前数据ref', this.$refs[refName]);
    			// 通过操作dom树,关闭popover
    			this.$refs[refName][0].doClose();
    		},
    	}
    

    这里贴一下popover组件有哪些属性和方法
    在这里插入图片描述

    官网资料: ref
    官网资料: refs

    展开全文
  • 使用场景: 在table组件中删除数据操作时弹出popover提示,通过数据渲染时,会渲染出多个popover。当点击删除按钮展示popover。弹出后点击取消或确定隐藏。 但是官方文档只举例了单个空间的使用方式,若多个组件该...

    使用场景: 在table组件中删除数据操作时弹出popover提示,通过数据渲染时,会渲染出多个popover。当点击删除按钮展示popover。弹出后点击取消或确定隐藏。

    但是官方文档只举例了单个空间的使用方式,若多个组件该怎么使用呢?以下是官方示例:

    <el-popover
      ref="popover5"
      placement="top"
      width="160"
      v-model="visible2">
      <p>这是一段内容这是一段内容确定删除吗?</p>
      <div style="text-align: right; margin: 0">
        <el-button size="mini" type="text" @click="visible2 = false">取消</el-button>
        <el-button type="primary" size="mini" @click="visible2 = false">确定</el-button>
      </div>
    </el-popover>
    
    <el-button v-popover:popover5>删除</el-button>

    在data中定义visible2为false,点击删除,popover展示;再点击取消或确定按钮的隐藏popover,并处理相应逻辑。

    问题:当通过数据渲染出多个popover时就不能通过data中的变量来控制!

    解决方案:当数据数据是自定义时,我们可以在每个条数据对象中添加一条属性visible: false

    tableData: [{
              date: '2016-05-02',
              name: '王小虎',
              address: '上海市普陀区金沙江路 1518 弄',
              visible: false
            }, {
              date: '2016-05-04',
              name: '王小虎',
              address: '上海市普陀区金沙江路 1517 弄',
              visible: false
            }, {
              date: '2016-05-01',
              name: '王小虎',
              address: '上海市普陀区金沙江路 1519 弄',
              visible: false
            }]visible: false
            }, {
              date: '2016-05-04',
              name: '王小虎',
              address: '上海市普陀区金沙江路 1517 弄',
              visible: false
            }, {
              date: '2016-05-01',
              name: '王小虎',
              address: '上海市普陀区金沙江路 1519 弄',
              visible: false
            }]
    HTML:
    <el-table
        :data="tableData"
        highlight-current-row
        @current-change="handleCurrentChange"
        style="width: 100%">
        <el-table-column
          type="index"
          width="50">
        </el-table-column>
        <el-table-column
          property="date"
          label="日期"
          width="120">
        </el-table-column>
        <el-table-column
          property="name"
          label="姓名"
          width="120">
        </el-table-column>
        <el-table-column
          property="address"
          label="地址">
        </el-table-column>
        <el-table-column
          label="操作">
          <template slot-scope="scope">
            <el-popover
              placement="top"
              title="确认删除吗?"
              width="200"
              trigger="click"
              v-model="scope.row.visible">
              <div style="text-align: right; margin: 0">
                  <el-button size="mini" type="text" @click="scope.row.visible = false;">取消</el-button>
                  <el-button type="primary" size="mini" @click="scope.row.visible = false;">确定</el-button>
              </div>
              <el-button type="primary" slot="reference">删除</el-button>
            </el-popover>
          </template>
        </el-table-column>
      </el-table>scope.row.visible">
              <div style="text-align: right; margin: 0">
                  <el-button size="mini" type="text" @click="scope.row.visible = false;">取消</el-button>
                  <el-button type="primary" size="mini" @click="scope.row.visible = false;">确定</el-button>
              </div>
              <el-button type="primary" slot="reference">删除</el-button>
            </el-popover>
          </template>
        </el-table-column>
      </el-table>

    给操作按钮添加 slot= "reference"s属性控制popover的现实,且将v-model中的值设为tableData中的visible值。点击取消或确定也要讲对应数据中的visible设为false并处理相关逻辑。若数据为后台返回。可在使用数据时遍历一遍数据,并给每条数据添加一个标识为false即可。

    此文仅为个人在项目中实践得出的个人结论,如有不足之处还请读者指点!

     

    
    

     

    展开全文
  • idea中设置多个类文件同时打开并且不重叠隐藏,分层显示 idea中有时候开发原因一次性打开多个类,这些类会重叠在一起,导致后面的文件隐藏不显示了 如下图: 解决办法: file->setting,将show tabs in one row前面的...

    idea中设置多个类文件同时打开并且不重叠隐藏,分层显示

    idea中有时候开发原因一次性打开多个类,这些类会重叠在一起,导致后面的文件隐藏不显示了
    如下图:
    在这里插入图片描述
    解决办法:
    file->setting,将show tabs in one row前面的√去掉就可以了
    在这里插入图片描述
    取消勾选后效果:
    在这里插入图片描述

    展开全文
  • wpf 多个窗口的显示与隐藏

    千次阅读 2015-08-19 22:41:56
    //新建一lamda的用来开启前台Ui线程,显示gif动画,并置顶 this.Dispatcher.Invoke(new Action(() => { GlobalHelper._mainWindow.grid_prograssbar.Visibility = Visibility.Visible;
      //新建一个lamda的用来开启前台Ui线程,显示gif动画,并置顶
                this.Dispatcher.Invoke(new Action(() =>
                {
                    GlobalHelper._mainWindow.grid_prograssbar.Visibility = Visibility.Visible;
                    System.Windows.Controls.Panel.SetZIndex(GlobalHelper._mainWindow.grid_prograssbar, 10000 * 1000);
                }));
                //检测gif动画线程是否开启,如果之前存在,关闭,并释放资源
                if (this._threadGif != null)
                {
                    this._threadGif.Abort();
                    this._threadGif = null;
                }
                //新建一个lambda表达示:用来不停的检测切换函数是否执行完毕,如果执行完毕就关闭gif动画,并线程的资源和把标志量还原为false
                this._threadGif = new Thread(() =>
                {
                    while (true)
                    {
                        if (this._bIsOverofPanelAnaly == true)
                        {
                            this.Dispatcher.Invoke(new Action(() =>
                            {
                                GlobalHelper._mainWindow.grid_prograssbar.Visibility = Visibility.Hidden;
                            }));
                            this._bIsOverofPanelAnaly = false;
                            this._threadPanelAnaly.Abort();
                            this._threadPanelAnaly = null;
                            this._threadGif.Abort();
                            this._threadGif = null;
                        }
                    }
                });
    
                //开启gif显示线程
                this._threadGif.Start();
                //开启切换方法函数的线程
                if (this._threadPanelAnaly != null)
                {
                    this._threadPanelAnaly.Abort();
                    this._threadPanelAnaly = null;
                }
                this._threadPanelAnaly = new Thread(BigPanelAnaly);
                this._threadPanelAnaly.Start();   
    展开全文
  • 比如,如果下拉框内容是一折叠列表之类的话,当我们点开列表后下拉框就隐藏了,而此时我们还没有选择我们要选择的元素。基于这种情况,我们需要对下拉框进行更的控制。我们整体的结构可能是这样的:div(uib-...
  • 前台: 1. var deptTree = null; deptTree = $('#listDept'); //初始化树 function initTree() { deptTree.tree({ url: '../...animate: false,//定义是否在每节点前边显示复选框。 lin
  • 学习python后,一开始用openpyxl操作excel,最近一直在使用...可是你可以想象一下,如果要隐藏取消隐藏的工作表有5以上,而且每月,每周,甚至是每天都要重复这样的操作,会是怎样一机械劳动的痛苦过程。...
  • 数据录入或者其他数据处理操作中,有时候为了显示方便,会把一些行或列隐藏起来,例如下图原始...图2 将第6~20行隐藏 那我们处理完之后,如何将这些隐藏起来的行或列展开或取消隐藏呢?Excel有两种展开方法:一次只...
  • csv 转excel取消 隐藏的\t方法

    千次阅读 2020-07-24 14:19:30
    excel取消 隐藏的\t方法 tab键csv/excel 去除隐藏 tab键 的方法函数方法 用 CLEAN() 函数分列方法 去除tab键转换数据 / 加载数据 重新定义数据类型方式 csv/excel 去除隐藏 tab键 的方法 一般去除方法有三种 1、函数...
  • from表单取消提交隐藏的标签属性值

    千次阅读 2018-11-13 15:44:11
    from表单取消提交隐藏的标签属性值 form表单提交被visibility=hidden和display=none修饰的元素都会随表单提交 只有disabled=true标记的元素不随表单提交 &lt;table &gt; &lt;tr&gt; &lt;td &...
  • BottomNavigationView在超过3以上子项时,显示成选择项放大,未选缩放的效果,不适合菜单导航,需要固定大小取消缩放。采用反射方法,如下:在初始化后调用方法: bottomNavigationView = (BottomNavigationView) ...
  • 由于需求,我需要获取Windows底部任务栏 自动隐藏任务栏或者取消自动隐藏任务栏时的消息。 可在当时我就在想想要在自己程序中获取系统的消息那肯定很麻烦,于是我就上网查了一遍不过这方面的介绍也似乎不是很。...
  • 1、VBA小代码,批量取消隐藏工作表 Sub 批量取消隐藏工作表() Dim sht As Worksheet '定义变量 For Each sht In Worksheets '循环工作簿里的每一工作表 sht.Visible = xlSheetVisible '将工作表的状态设置...
  • 记录一下自己踩的坑,控制element内的table的某列显示隐藏不能...猜测:由于el-table-column会生成多行标签元素,根据v-show是不支持template语法的,推断v-show不能显示隐藏多个元素 转载于:https://www.cnblogs.c...
  • android:focusableInTouchMode="true" 首先看上面这句代码,只需要加在包裹...想方便的话可以把这几句代码写在一方法里面,然后处调用。 这效果不好展示,给各位看一下布局就好,剩下的自己研究吧
  • excel快速隐藏显示列与多行

    千次阅读 2011-12-20 17:13:52
    excel快速隐藏多列与多行 (1)快速隐藏多列与多行方法 隐藏多列的方法: 选中要开始隐藏的当前整列;按 ctrl+shift+方向键右,右键选择“隐藏”,完成; 隐藏多行的方法: 选中要开始隐藏的当前整行...
  • 表格拆分的两种方式 拆分成多个excel工作表或多个excel文件 拆分Excel,可以分为3种层次:拆分excel单元格;拆分成多个excel工作表;拆分成多个excel文件 其中,第1种拆分是无法完成的,因为单元格是excel中的最小...
  • 当然有很方法,今天只介绍resignFirstResponder和UITextFieldDelegate这协议实现隐藏键盘。 方法1:使用UITextFieldDelegate来隐藏键盘 其实很简单, 需要三步: 1. 在你的控制器类中,加入...
  • >  html lang="zh-cn">  head>   meta charset="utf-8"/>   title>CSS Test Pagetitle>   style type="text/css">   .b{  opacity: 0; /* b div 隐藏*/  }   
  • 项目中遇到一需求,要求再echarts toolbox工具栏增加自定义按钮来隐藏显示其他按钮,因为此部分资料较少,耗了不少时间,这里分享给大家。 效果图: 其实关键的就是改变按钮属性后要重新渲染一次图表,否则...
  • Android 仿美团悬浮购物车显示隐藏

    千次阅读 2018-12-10 15:13:47
    通过效果图可以看到 静止的时候是购物车图标是显示的,滑动的时候是隐藏一半并半透明显示的。 这里用到一触摸反馈的方法dispatchTouchEvent MotionEvent.ACTION_DOWN://手指按下 MotionEvent.ACTION_MOVE://手指...
  • 问题:使用谷歌浏览器table中一个隐藏的tr,改为显示后与其他tr样式不一样的 根据来源的选择,改变下面输入框的类型和数量,微信号格式与其他tr不一致。显示如下: 解决方案: display 属性的可选值如下: none...
  • div重叠和隐藏显示

    千次阅读 2015-08-01 08:53:46
    有这么一个需求,就是一个报表模块,这个模块中,有多个报表,一个界面,我们不可能全显示出来,这样一是占位置,二是很乱;三,也就是客户一打开这个模块,看到的是多个报表,不知道焦点放在哪。使用人心情浮躁而不...
  • win2003终极隐藏账号

    千次阅读 2016-12-30 15:59:53
    在肉鸡上建立一个隐藏的账户,以备需要的时候使用。账户隐藏技术可谓是最隐蔽的后门,一般用户很难发现系统中隐藏账户的存在,因此危害性很大,本文就对隐藏账户这种黑客常用的技术进行揭密。  在隐藏系统账户...
  • 有个需求要实现点击批量复制输入复制数量,点确认...官方文档只演示了只有一个气泡卡片的例子,当然可以直接给state一个visible来控制显隐,而要控制多个,则需要定义第二个值来配合 这是官方文档里的例子 import { Po
  •  再次打开这IGS文件,凡是看到这对话框都选择取消,然后确定  打开之后,还是可以看到文件结构,但是再打开每零件都变成了输入,所以就相当于隐藏了文件细节,不知道怎么画出来的

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 143,476
精华内容 57,390
关键字:

如何取消多个隐藏