uniapp 中点击某个按钮关注成功操作

1、dom 子组件

<view class="flex align-center justify-center rounded bg-main text-white animated" @click="follow(index)" v-if="!item.isFollow" hover-class="jello"  style="width: 90rpx; height: 50rpx;"> 关注
</view>//  js
methods:{follow(index){this.$emit("follow",index)},
}
// 点击关注 拿到关注的索引，传递给父组件 父组件根据索引改变 数据

v-if="!item.isFollow" 特意加了个if 也就是如果没有关注则显示，关注则不显示
父组件中

<template><view class="content"><block v-for="(item,index) in list" :key="index"><common-list :item="item" :index="index" @follow="follow"></common-list><divider></divider></block></view>
</template>follow(e){console.log(e)this.list[0].isFollow = trueuni.showToast({title:"关注成功"
})
}

父组件通过自定义函数接收

uniapp 中点击某个按钮关注成功操作相关推荐

html中点击提交按钮显示提交i成功,百里香叶：点击提交按钮后显示成功信息
我有一个spring-boot申请,Thymeleaf.我有非常基本的情况.有一个表单,当用户点击提交按钮时,表单数据应发送到控制器,但在同一页面中应显示成功消息.百里香叶:点击提交按钮后显示成功信息 ...
uniapp点击删除按钮弹出（确定和取消提示）
例如点击改删除按钮 <view class="delete-icon" @click="detele"><image src=". ...
在jsp页面中点击编辑按钮，显示input边框，可编辑，点击保存按钮，输入框消失，不可编辑，并将文本框中的内容保存到数据库中
寻找的资料一. 默认readonly不允许编辑.点击编辑的时候加上边框样式,去掉readonly属性 <style>.readonly input{border:none}</st ...
Qt中点击pushButton按钮实现切换父子界面
这里用到的是QWidget类中的show()和hide()函数. 比如这里我们要实现通过点击"参数设置"按钮来跳转到新的界面,并在新界面进行参数选择,如下图所示: 大致思路是通过绑 ...
Power BI：在列表中点击详情按钮跳转到详情页面并传递参数
如下图所示,当点击最后一列的Detail链接,将跳转到详情页面,并查询出对应ReportMonth的详细数据: 图1 主表:dimReportMonth (即图1中用到的表) 详情表:factCost ...
iOS实现tableViewCell或collectionCell中点击界面按钮跳转
//找到父类界面 - (UIViewController *)viewController { for (UIView* next = [self superview]; next; next = n ...
Android 中点击某个按钮实现返回键的功能
有时候,我们需要用到返回键的功能,但为了美观,通常我们会将返回键放在页面左上角,这里我们就需要触发这个返回键的功能才能起到返回的作用,看代码吧 backBtn.setOnClickListener(n ...
java弹框形式输入_java中点击一个按钮弹出两个输入文本框的源代码
展开全部写了一个很简单的案例,可以参考和修改import java.awt.BorderLayout; import java.awt.GridLayout; import java.awt.eve ...
微信内浏览器不支持下载APK文件的解决方案微信中点击链接调用外部浏览器打开
需求:在微信h5页面中下载第三方app -- 安卓, 直接下载apk文件包:iphone,跳转AppStore 分析:微信不支持,在微信中屏蔽了apk文件的下载以及AppStore的跳转(且除非和TX ...

uniapp 中点击某个按钮关注成功操作

uniapp 中点击某个按钮关注成功操作相关推荐

最新文章

热门文章

uniapp 中点击某个按钮关注成功 操作

uniapp 中点击某个按钮关注成功 操作相关推荐

最新文章

热门文章

uniapp 中点击某个按钮关注成功操作

uniapp 中点击某个按钮关注成功操作相关推荐