element的表格和el-dropdown自定义参数,传多个参数,解决办法

news/2024/7/10 2:29:17 标签: javascript, vue.js, vue

elementui的table的dropDownList定义多个参数。

  <el-dropdown @command="toHomeView" style="color:green; margin-left:10px">
              <span class="el-dropdown-link">
                Preview Type<i class="el-icon-arrow-down el-icon--right"></i>
              </span>
              <el-dropdown-menu slot="dropdown">
                <el-dropdown-item  :command="composeValue(item.value,scope.row)" 
                v-for="item in viewArr"
                >{{item.label}}</el-dropdown-item>
              </el-dropdown-menu>
            </el-dropdown>
            

正常情况下**@command=“toHomeView”**打印的是:command=“你绑定的值” 但是你想传两个或者多个值所以这个
:command= 就不能是一个值
解决办法::command=“composeValue(item.value,scope.row)”
给他一个动态的值

javascript">method:{
	    composeValue(type, row) {
	      return {
	        key: type, //key 是你自己想要的字段,值自己定义
	        key: row,
	      };
	    },
}
  toHomeView(command) {
	console.log(command)  // 打印的就是composeValue里面的值 (一个对象)
}

解决。


http://www.niftyadmin.cn/n/1845910.html

相关文章

读《世界是数字的》④

第七章 学习编程 JavaScript的优点&#xff1a; 所有浏览器都支持它。它的代码也容易向别人展示。这门语言本身比较简单&#xff0c;对学习者的要求很低。但它非常强大&#xff0c;可以完成极为复杂的计算任务。很多世界级的大网站都提供了JavaScript的API。7.1 编程语言的…

[apifox学习笔记]在所有接口中添加登录后获取的token(有图示)

如何在所有的接口添加token写在前面在登录接口调通的基础上在登录接口添加后置操作提取token作为环境变量在项目概览中选择Auth和Bearer Token类型并赋值环境变量token我们在接口中修改文档可以看到Auth继承父级添加成功,完成修改密码&#xff01;写在前面 Apifox Postman S…

前端防止过多请求的两种办法,标志变量和防抖节流,。

我们请求数据的时候特定的情况下有时候会发生请求很多次数据的情况&#xff0c;或者对恶意请求数据的攻击作出相对处理&#xff0c;这有两种办法解决 。 第一种就是很简单的办法设置标变量 &#xff08;vue写法&#xff0c;纯js的写成局部变量即可&#xff09; data&#xff0…

[React框架学习笔记]两天速成React之第一天

React学习笔记创建一个react工程npx入口文件class类组件第一个react组件组件中一些html的一些小区别for循环代码简化与扩展安装组件进阶之小技巧使用statesetState的三种方式函数的传参function函数组件特点useStateuseEffect组件传参父传子子传父contextuseContext创建一个rea…

vue动态绑定绑定多个类名。

:class“[‘text-uppercase text-center’,{‘category-active’:categoryFlag }]” categoryFlag 是你定义的变量名称&#xff0c;判断当前类名是否生效。 <p :class"[classA,classB]">动态绑定多个类名</p> <!-- 动态绑定A、B两个类名&#xff0c;并…

[React框架学习笔记]两天速成 React之第二天

React框架学习笔记写在前面受控组件和不受控组件受控组件不受控组件memo子组件有逻辑处理需要结合useCallback使用useMemo状态管理React-Redux仓库与reducer创建reducer.jsindex.js提供器与连接器提供器连接器状态映射dispatch映射换成switch写法路由路由配置路由显示使用link跳…

Android -- 自定义权限

在android系统的安全模型中&#xff0c;应用程序在默认的情况下不可以执行任何对其他应用程序&#xff0c;系统或者用户带来负面影响的操作。如果应用需要执行某些操作&#xff0c;就需要声明使用这个操作对应的权限。 &#xff08;在manifest文件中 添加标记&#xff09;。 ap…

element没有数据表格显示的提示语句

<el-table<template slot"empty"><div style"height:92px;line-height:92px;">没有数据时,你想展示的内容</div></template> </el-table>直接复制粘贴到表格里面第一行即可