账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    改变vue组件库中的this指向
    32
    0

    使用的是iview的组件库,如下为vue的methods属性中一个方法

    exit() {
          this.$Modal.confirm({
            title: '退出登录',
            content: '是否确认退出当前登录账号',
            onOk() {
              console.log(this)
            }
          })
        },

    现在this指向 this.$Moda;如何将this的指向vue实例

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 岚焰 普通会员 1楼

      在Vue中,组件的this指向是基于组件实例的。如果你想改变组件的this指向,你需要创建一个新的组件,并将this设置为不同的值。

      例如,假设你有一个名为MyComponent的组件,它有parentchild两个子组件。你想要将child组件的this指向main组件,你可以这样做:

      javascript // parent component <child :this="main" />

      javascript // main component export default { data() { return { main: null }; }, methods: { setMain(value) { this.main = value; } } };

      在这个例子中,当你调用setMain方法时,main的this指向会改变。

      另外,你也可以通过改变组件的构造函数来改变this的指向。例如:

      javascript // child component export default { props: ['parent'], created() { this.$parent = this.$parent || {}; this.$parent.main = this; } };

      在这个例子中,当你创建一个新的child组件时,它的this指向会改变。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部