baidu / NoahV

An efficient front-end application framework based on vue.js
https://baidu.github.io/NoahV
Apache License 2.0
639 stars 146 forks source link

filter-table的on-selection-change怎么使用? #115

Closed GeekSRE closed 4 years ago

GeekSRE commented 4 years ago

filter-table的on-selection-change怎么使用? 谢谢,非前端,请举个例子,谢谢。

iyuxy commented 4 years ago
<template>
 <nvFilterTable
            :items="items"
            :columns="columns"
            :action="action"
            url="/api/tpl/filterTable"
            :pagination="pagination"
            @on-selection-change="selectionChange"
        />
</template>
<script>
export default {
// othercode
     methods: {
         selectionChange(selectd) {
                console.log(selectd);
         }  
     }
}
</script>

如上,供参考,非完整示例,需补充columns等其他配置信息

GeekSRE commented 4 years ago

您好,我按照您的示例代码增加了,没生效。我有两个items,我选择第一个items里的值以后,console控制台没打印选择的value,请问是我哪里配置有错吗? `

`

iyuxy commented 4 years ago

on-selection-change是针对表格单行数据的选择,如果是在items中配置的select,监听变化使用的是另外一个配置,文档中这个示例描述的就是这种场景,你可以看看:https://noahv.gitee.io/#/doc/template/form#select-fang-fa-jian-ting-shi-li

GeekSRE commented 4 years ago

谢谢,已完成功能。