avue在2.7.x版本已经提供search.sync特性,绑定search参数后可以全局调用,无需通过传参的方式来获取。
之前老版本代码使用如下,通过 slot-scope 传入 row参数来获取
<avue-crud"> <template slot="search" slot-scope="{row,size}"> <el-button @click.stop="handleSearch(row)">测试</el-button> </template> </avue-crud>
handleSearch(row) {
console.log(row) console.log(row.xxx) }
经过3个月的过渡,avue升级到2.8.x后,推荐大家都改成如下API,这种方式更灵活,性能更高
export default {
data() { return { search:{}, } }
<avue-crud :search.sync="search">
<template slot="search" slot-scope="{size}"> <el-button @click.stop="handleSearch()">测试</el-button> <el-input placeholder="自定义输入框" :size="size" style="width:200px" v-model="search.slot"></el-input> </template> </avue-crud>
handleSearch() {
console.log(this.search) console.log(this.search.xxx) }
具体代码如下
- 消灭零回复
官方新品
- 热议问题
-
组态平台和数据大屏是共用一套数据吗?我们部起来是这样的对吗?控制台显示未授权需要管吗?
1
-
使用AliossTemplate后测试报java.lang.IllegalStateException
2
-
@PreAuth("hasMenu('xxx')")使用,只能修改blade-core-tool吗,还有其他方式吗?
1
-
组态平台文档地址在哪
1
-
组态请求mqtt数据无响应,一直加载中。
1
-
@PreAuth("hasMenu('xxx')")
1
-
使用数据源中的SQL数据库数据创建的大屏,如何部署?
1
-
物联网平台进入边缘网关设计页面,提示流程缺少模块
1
-
cloud版本 前端vue3 如何做到页面控制按钮的权限
1
-
怎么把物联网平台设备mqtt连接参数改成永久
1
扫一扫访问 Blade技术社区 移动端