首页 > 其他分享 >踩坑了 uni-tr添加点击事件

踩坑了 uni-tr添加点击事件

时间:2024-08-12 17:39:51浏览次数:10  
标签:Name Rfid tr Detail item 点击 uni click

直接上代码

 <template v-for="item in searchlist">
          <uni-tr>
            <uni-td align="center" class="table_text"><text @longpress="handleLongPress(item)">{{ item.Name}}</text></uni-td>
            <uni-td align="center" class="table_text"><text @longpress="handleLongPress(item)">{{ item.Detail}}</text></uni-td>
            <uni-td align="center" class="table_text"><text @longpress="handleLongPress(item)">{{ item.WaiGuan}}</text></uni-td>
            <uni-td align="center" class="table_text"><text @longpress="handleLongPress(item)">{{ item.Rfid}}</text></uni-td>
          </uni-tr>
        </template>

我记得el-table是可以上加click事件的,同理,我也操作了,怪自己没看文档,实际上它不支持click和longpress(长按)只能将此方法加到h5标签中。

错误代码如下:

<uni-tr v-for="item in searchlist" @longpress="handleLongPress(item)">
            <uni-td align="center" class="table_text">{{ item.Name}}</uni-td>
            <uni-td align="center" class="table_text">{{ item.Detail}}</uni-td>
            <uni-td align="center" class="table_text">{{ item.WaiGuan}}</uni-td>
            <uni-td align="center" class="table_text">{{ item.Rfid}}</uni-td>
 </uni-tr>

这样看着是不是很合理???实际上,此长按事件一点反应都没有。

 

 

 

标签:Name,Rfid,tr,Detail,item,点击,uni,click
From: https://www.cnblogs.com/xytx906/p/18355431

相关文章

  • Android之集成Unity及互相调用
    Unity官方文档DemoUnity与原生交互之AndroidStudio篇——Unity导出Android工程,导入AndroidStudio打包APK全流程Unity3D与Android交互问题一Error:Unity.IL2CPP.Building.BuilderFailedException:Buildfailedwith0successfulnodesand0failedonesError:Inte......
  • uniapp 上传多张照片
    在uniapp中,你可以使用Promise来处理多张照片的上传任务。以下是一个简单的示例,展示了如何使用Promise来上传多张照片: //假设有一个uploadImage方法用于上传单张图片,返回一个PromisefunctionuploadImage(imagePath){returnnewPromise((resolve,reject)=>{//......
  • (3-2)文生图模型架构:Transformer架构
    3.2 Transformer架构Transformer是文生图模型架构的重要组成部分之一,具体来说,Transformer被广泛应用于文本编码部分,即实现文本编码器的功能。3.2.1 Transformer的基本结构Transformer架构是由Vaswani等人在2017年提出的一种基于注意力机制的深度学习模型,广泛应用于自然......
  • java .stream(). 使用介绍 Streams API
    Java8引入了StreamsAPI,它允许我们以声明性方式处理序列的数据。.stream()是这一API的核心方法,用于从一个数据源(如数组、集合等)创建一个流(Stream)。以下是.stream()方法的一些基本使用介绍:1.从集合创建流List<String>myList=Arrays.asList("a","b","c");Stream<S......
  • vue3 uniapp 上传图片
    直接上代码<uni-file-pickerfileMediatype="image"@select="selectFile"@delete="deleteFile"v-model="data.fileList"></uni-file-picker><viewclass="sub"@click="submit()">提交</......
  • RestController和Controller的区别和异同
     参考文章【SpringBoot】带你一文彻底搞懂RestController和Controller的关系与区别-CSDN博客https://blog.csdn.net/miles067/article/details/132567377 --------------------------------------------------------------------------------------------------------------......
  • Electron项目
    ​ 这个项目的一个亮点就是他把我们常用的一些需求我都进行了一些落地实现,因为国内资源还是挺少的,大家自学electron的话可能只能去看文档,看文档又get不到一些重点。就比如说像electron打包就没有实际的教程,我是综合了官方文档和stackoverflow里面的一些回答给了一个可行的方案。......
  • Java Reentrantlock可重入锁原理 | 源码探究
    一、基本概念ReentrantLock是Java中提供的一个可重入互斥锁,它是java.util.concurrent.locks包中的一个接口Lock的实现类。ReentrantLock提供了比使用synchronized关键字更强大的锁定机制,例如 公平锁 和 非公平锁 选择、尝试锁定、可中断锁定等。ReentrantLock......
  • Python Redis Stream【生产者=》消费者模式】
    1importredis2importtime3fromtypingimportDict,List,Tuple,Any,Optional45fromconfig.modelimportsettings6frompydanticimportBaseModel789classStreamMessage(BaseModel):10message_id:str11message_da......
  • IDEA插件-Translation
    简介Translation是一个为IntelliJIDEA和其他基于JetBrains的IDE(如PyCharm、WebStorm等)设计的插件。这个插件的主要功能是帮助开发者在编写代码或文档时快速翻译文本。它集成了谷歌翻译、微软翻译、DeepL翻译、OpenAI翻译、有道翻译等众多翻译引擎官网https://intellij-tra......