🐛(component): table 组件 selected-keys 属性 watch 需要 deep 监听

This commit is contained in:
就眠儀式 2022-04-28 12:14:45 +08:00
parent 6c984ca3cc
commit 1010a4bbed
2 changed files with 9 additions and 4 deletions

View File

@ -68,13 +68,14 @@ const changeAll = function (checked: any) {
const ids = props.dataSource.map((item: any) => {
return item[props.id];
});
tableSelectedKeys.value.splice(0, ids.length);
let arr = [...tableSelectedKeys.value];
arr.splice(0, ids.length);
if (checked) {
ids.forEach((id) => {
tableSelectedKeys.value.push(id);
arr.push(id);
});
}
emit("update:selectedKeys", tableSelectedKeys.value);
tableSelectedKeys.value = arr;
};
watch(

View File

@ -237,7 +237,7 @@ export default {
</template>
<script>
import { ref } from 'vue'
import { ref, watch } from 'vue'
export default {
setup() {
@ -287,6 +287,10 @@ export default {
console.log(JSON.stringify(data))
}
watch(selectedKeys5, () => {
console.log("复选框监听:" + selectedKeys5.value);
})
return {
columns5,
dataSource5,