Saber自定义search表单后获取表单组件内容

Blade 未结 0 1370
admin
admin 超级管理员 2021-03-02 11:39

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)
}


具体代码如下

image.png

image.png

image.png


image.png





回答
  • 消灭零回复
提交回复