vue子传父 .indexOf('1')!=-1
2024-09-08 18:34:46
子传父
1.先在父级页面的子组件上加上自定义事件
<SearchSelector @attrinfo="propsinfo" />
2.在子组件里面写方法传
//点击事件,当点击的时候向父级页面传值
props(attrs, attrValue) {
// attrinfo自定义事件名(父组件里@attrinfo="propsinfo" )
this.$emit('attrinfo', attrs, attrValue);
}
//点击事件传值
<div class="type-wrap" v-for="attrs in attrsList" :key="attrs.attrId">
<li v-for="(attrValue,index) in attrs.attrValueList" :key="index" @click="props(attrs,attrValue)">
<a>{{attrValue}}</a>
</li>
</div>
3.在方法里面写自定义事件
// 收集平台属性地方回调函数(自定义事件)
propsinfo(attrs, attrValue) {
let props = `${attrs.attrId}:${attrValue}:${attrs.attrName}`;
// 数组去重
if (this.seachParam.props.indexOf(props) == -1) {
//重新添加
this.seachParam.props.push(props);
}
//重新掉下接口请求数据
this.getData();
},
.indexOf('1')!=-1
.indexOf('1')=-1是说1没有出现,.indexOf('1')!=-1说明1出现了 结果是布尔值
最新文章
- IOS开发之Bug--使用xib的自动布局和代码中修改遇到的bug
- Java实现注册时发送激活邮件+激活
- [Unity3D]关于Assets资源目录结构管理
- 30道四则运算题目---课堂作业--软件工程c++
- http://nxlhero.blog.51cto.com/962631/1666250?plg_nld=1&;plg_uin=1&;plg_auth=1&;plg_nld=1&;plg_usr=1&;plg_vkey=1&;plg_dev=1
- JavaScript DOM高级程序设计2.1创建可重用的对象--我要坚持到底!
- ubuntu10.04版本下android源码的编译
- linux stat命令
- iOS网络编程笔记——XML文档解析
- 项目实战6—Mysql实现企业级日志管理、备份与恢复实战
- C语言_指针变量的赋值与运算,很详细
- JavaScript Math(算数)对象
- android微信登录,分享
- mac 下 clang++ 找不到头文件 stdlib.h
- Mac 安装 mongoDB
- NEO学习笔记,从WIF到地址
- 机器学习中的规则化范数(L0, L1, L2, 核范数)
- 开源分布式日志系统ExceptionLess部署杂乱笔记 加密
- SQL Server 表分区备忘
- 深入浅出!从语义角度分析隐藏在Unity协程背后的原理