首页 > 其他分享 >多选自定义事件

多选自定义事件

时间:2023-05-25 17:45:47浏览次数:41  
标签:index console 多选 自定义 selected item 事件 log

<template>

<view @click="onSelect(item,index)" v-for="(item,index) in list">  //当选择的等于当前id才显示

<image v-if="selected.indexOf(item) >= 0"></image>

<image v-else></image>

</view>

</template>

<script>

export default{

data(){

return{

selected:[ ]

}

},

methods:{

// 选择事件(可多选)
onSelect(item){
  const index = this.selected.indexOf(item)
  if (index >= 0) {
    this.selected.splice(index, 1)

    console.log('已取消',this.selected)

  } else {
    this.selected.push(item)

    console.log('已选择',this.selected)
}

},

}

</script>

标签:index,console,多选,自定义,selected,item,事件,log
From: https://www.cnblogs.com/xin-kw/p/17432386.html

相关文章

  • 普加项目管理中间件示例之二:自定义表格列
    自定义表格列示例demo/diyColumns.html上文介绍了标准列,这里介绍一下自定义列。正如标准列是一些预设好的对象,自定义列也是一个对象。支持多种数据类型的列:String、Number、Boolean、Date、Array等支持多种单元格编辑器:TextBox、Spinner、CheckBox、DatePicker、ComboBox、TreeSel......
  • FLEX实践—模拟Application与Module间的事件监听
         一直找到如何在Application中发出一个事件,让Module捕获该事件并做出相应的动作。但是一直没找到,于是模拟了一个这样的情景。 WatchTest.mxml<?xmlversion="1.0"encoding="utf-8"?><mx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml"layout="absolute"......
  • Spring事件常见错误
    案例1:试图处理并不会抛出的事件Spring事件的设计比较简单。说白了,就是监听器设计模式在Spring中的一种实现,参考下图: 从图中我们可以看出,Spring事件包含以下三大组件。(https://www.java567.com,搜"spring")事件(Event):用来区分和定义不同的事件,在Spring中,常见的如ApplicationEv......
  • GB28181流媒体平台LiveGBS中如何根据业务需求控制监控视频流的播放权限,实现用户自定义
    随着目前对信息安全的越来越重视,视频监控领域的视频流也需要做各种安全策略。视频监控流流媒体平台输出的直播流需要做权限限制,只允许哪些IP访问、只允许哪些用户访问等等各种权限限制。为了满足不同用户不同场景各种不同的播放权限需求,LiveGBSGB28181流媒体平台提供了可以设置播......
  • 创建及使用一个SqlServer的用户自定义表类型(User-Defined Table Type)
    创建一个用户自定义表类型(User-DefinedTableType)CREATETYPE[dbo].[MyTypeName]ASTABLE( [Field1][nvarchar](50)NOTNULL, [Field2][nvarchar](100)NULL, [Field3][nvarchar](50)NULL, [Field4][nvarchar](20)NULL, [Field5][nvarchar](20)NULL)GO直接......
  • 宏任务,微任务,事件循环
    参考参考例子帮助理解  Promise的回调函数属于异步任务,会在同步任务之后执行。但是,Promise的回调函数不是正常的异步任务,而是微任务(microtask)。它们的区别在于,正常任务追加到下一轮事件循环,微任务追加到本轮事件循环。这意味着,微任务的执行时间一定早于正常任务。  ......
  • <el-table-column type="selection" 多选框旁边多了个点
      问题效果 解决方式 ......
  • el-input的input和change事件区别
    inputinput是在输入值变化后就会触发changechange是在输入值变化并且失去焦点或用户按Enter时触发。与blur事件有着相似的功能,但与blur事件不同的是,change事件在输入框的值未改变时并不会触发blur不管输入值是否变化,只要失去焦点就会触发......
  • 自定义hook - 双击事件 - useDBClick
    1.问题:业务场景中同时需要单击、双击事件,但是原生的onDoubleClick触发双击的时候会同时触发单击事件;2.解决方案:封装一个自定义hook能独立地触发单击和双击事件;根据两次点击的间隔是否小于interval来判断触发单击双击事件;//useDBClick.tsimport{MutableRe......
  • 多线程合集(三)---异步的那些事之自定义AsyncTaskMethodBuilder
    引言之前在上一篇文章中多线程合集(二)---异步的那些事,async和await原理抛析,我们从源码去分析了async和await如何运行,以及将编译后的IL代码写成了c#代码,以及实现自定义的Awaiter,自定义异步状态机同时将本系列的第一篇文章的自定义TaskScheduler和自定义的Awaiter......