handsontable afterChange方法多种调用方式
貌似我这是最全的,:这种属性写法其他博客没看到,哈哈哈哈哈哈哈哈。第一种:用hotSettings里的配置触发此方法(缺点,拿不到vue this 实例)<HotTable ref="testHot" :data="colData" :settings="hotSettings" />hotSettings: {//各种其他配置af...
·
貌似我这是最全的,:这种属性写法其他博客没看到,哈哈哈哈哈哈哈哈。
第一种:用hotSettings里的配置触发此方法(缺点,拿不到vue this 实例)
<HotTable ref="testHot" :data="colData" :settings="hotSettings" />
hotSettings: {
//各种其他配置
afterChange: function(changes, source) { // 数据改变时触发此方法
console.log(this)
console.log('-----------@@@---------------')
console.log(changes)
console.log(source)
console.log(this.getData())
console.log(this.getCellMeta())
}
}
第二种:把其afterChange属性绑定到我们自己方法上
mounted() {
this.hotSettings.afterChange = this.afterCCC
},
methods: {
afterCCC(e) {
console.log('00000000000000000000000000000000000000000')
console.log(e)
}
}
第三种:属性 :的写法,这种的触发方式优先级高于第一、二种,且覆盖一二种
<HotTable
ref="testHot"
:data="colData"
:settings="hotSettings"
:after-change="accc"
/>
methods: {
accc(e) {
console.log('-----------!!!!!!!!!!!!!!--------')
console.log(e)
}
}
欢迎纠正、提问!
更多推荐
已为社区贡献6条内容
所有评论(0)