当前位置: 首页 > news >正文

qq上如何做文学网站网站建设 用ftp上传文件

qq上如何做文学网站,网站建设 用ftp上传文件,如何做网站友情链接,页面设置在哪里找官方地址&#xff1a;添加链接描述 官方给出的多选带checkbox&#xff0c;单选直接选中当前行高亮&#xff0c;有时候不想要单行高亮&#xff0c;想要带checkbox的单选&#xff0c;需要对多选进行改造 官方给的多选例子&#xff1a; <template><el-tableref"mult…

官方地址:添加链接描述

官方给出的多选带checkbox,单选直接选中当前行高亮,有时候不想要单行高亮,想要带checkbox的单选,需要对多选进行改造
官方给的多选例子:

<template><el-tableref="multipleTableRef":data="tableData"style="width: 100%"@selection-change="handleSelectionChange"><el-table-column type="selection" width="55" /><el-table-column label="Date" width="120"><template #default="scope">{{ scope.row.date }}</template></el-table-column><el-table-column property="name" label="Name" width="120" /><el-table-column property="address" label="Address" show-overflow-tooltip /></el-table><!-- <div style="margin-top: 20px"><el-button @click="toggleSelection([tableData[1], tableData[2]])">Toggle selection status of second and third rows</el-button><el-button @click="toggleSelection()">Clear selection</el-button></div> -->
</template><script lang="ts" setup>
import { ref } from 'vue'
import { ElTable } from 'element-plus'interface User {date: stringname: stringaddress: string
}const multipleTableRef = ref<InstanceType<typeof ElTable>>()
const multipleSelection = ref<User[]>([])
const toggleSelection = (rows?: User[]) => {if (rows) {rows.forEach((row) => {// TODO: improvement typing when refactor table// eslint-disable-next-line @typescript-eslint/ban-ts-comment// @ts-expect-errormultipleTableRef.value!.toggleRowSelection(row, undefined)})} else {multipleTableRef.value!.clearSelection()}
}
const `handleSelectionChange` = (val: User[]) => {multipleSelection.value = val
}const tableData: User[] = [{date: '2016-05-03',name: 'Tom',address: 'No. 189, Grove St, Los Angeles',},{date: '2016-05-02',name: 'Tom',address: 'No. 189, Grove St, Los Angeles',},{date: '2016-05-04',name: 'Tom',address: 'No. 189, Grove St, Los Angeles',},{date: '2016-05-01',name: 'Tom',address: 'No. 189, Grove St, Los Angeles',},{date: '2016-05-08',name: 'Tom',address: 'No. 189, Grove St, Los Angeles',},{date: '2016-05-06',name: 'Tom',address: 'No. 189, Grove St, Los Angeles',},{date: '2016-05-07',name: 'Tom',address: 'No. 189, Grove St, Los Angeles',},
]
</script>

只需要在事件handleSelectionChange中添加两行代码

const handleSelectionChange = (val: User[]) => {multipleSelection.value = valif(val.length > 1){multipleTableRef.value.clearSelection()multipleTableRef.value.toggleRowSelection(val.pop())}
}
http://www.yayakq.cn/news/732000/

相关文章:

  • 成都网站关键词优化网站建设需求方案pdf
  • 重庆网站建设项目线上商城是什么软件
  • 网站建设实训课指导书网站版式分析信宜网站开发公司
  • wordpress多站点文章调用企业做网站需要什么资料
  • 自己怎么做视频网站深圳有什么公司名称
  • 网站建设考试庙行镇seo推广网站
  • 华硕固件做网站6wordpress+全局设定
  • 做网站 (公司)网站里的个人中心下拉列表怎么做
  • 设计婚纱网站html游子吟网页制作代码
  • 网站二维码怎么制作做网站百度一下
  • 东莞网站推广哪里找继续访问这个网站
  • 阿里巴巴网站维护怎么做凡客家具是品牌吗
  • 临沂网站定制南京文化云网站建设
  • 凡科网做音乐网站如何申请微信公众平台号申请
  • 集约化网站群建设制作化妆品网站
  • html5浅蓝色网站设计公司dede模板wordpress图片加链接
  • 赛车pk10计划网站建设广告营销策划是做什么的
  • 北京网站建设团队北京专业推广公司
  • 宁波制作网站企业成都公司注册费用
  • 中化建工北京建设投资有限公司网站网络营销有哪些
  • 北京做彩右影影视公司网站外贸做编织袋常用网站
  • 北京南昌网站建设做网站的叫什么思耐
  • 外贸网站建设服务机构宁波网站优化方案
  • 如何给网站加二级域名网站建设费用明细报价
  • 网站换服务器对网站排名有影响吗怎么往网站里做游戏
  • Centos建网站必须域名示范校建设平台网站
  • nas wordpress建站适合乡镇开的十五种店
  • 做网站建设的一般在哪儿找wordpress默认后台地址
  • 确实网站的建设目标东莞有多少个镇
  • 东台网站建设找哪家好电商网站用什么做的