我有一个 Ionic Vue 应用程序,它使用slides
组件在每次转换时修改响应属性。相关代码是这样的:
<script lang="ts">
import { IonPage, IonContent, IonSlides, IonSlide,} from '@ionic/vue'
export default {
name: 'Splash',
components: { IonPage, IonContent, IonSlides, IonSlide,},
data() {
return {
contentClass: 'bg-gradient-1',
}
},
setup() {
const slideOpts = {
autoplay: {
delay: 4000,
},
}
return { slideOpts }
},
methods: {
slideChange({ target }) {
const vm = this
target.getActiveIndex().then((i) => {
vm.contentClass = 'bg-gradient-' + i
})
},
},
}
</script>
这会产生以下错误:
Unexpected aliasing of 'this' to local variable @typescript-eslint/no-this-alias
我使用的原因const vm = this
是因为一旦进入getActiveIndex
方法、范围this
更改并且我无法修改contentClass
数据属性。
而不是只是盲目地禁用 ESLint 规则以允许this
被分配给一个常量我想知道是否有人能够提供更好/正确的解决方案?
非常感谢。