访问 Polymer 3.0 中的元素

Question

无法调用函数。无法通过 this.$.id 访问元素。我可以在 Polymer 2.0 中完成所有这些，但我正在尝试升级到 Polymer 3.0。

ready() {
    super.ready();

    this.$.login.addEventListener('login', this.login);
    this.$.login.addEventListener('forgot-password', this.forgotPassword);
}

login(e) {
    const username = e.detail.username;
    const password = e.detail.password;

    auth.signInWithEmailAndPassword(username, password)
        .then(user => {
            // why doesn't this work
            this.getUserFromFirestore(user.uid);
        })
        .catch(error => {
            console.log(error);
            // why doesn't this work
            this.$.login.error = true;
        });
}

getUserFromFirestore(uid) {
    firestore.collection('users').doc(uid)
        .get()
        .then(doc => {
            let user = doc.data();
            console.log(user.role);
        })
        .catch(error => {
            console.log(error);
        });
}

使用 Firebase 身份验证。那行得通，但是当我去调用我的 getUserFromFirestore 函数时，我得到一个 "TypeError: this.getUserFromFirestore is not a function"

Answer 1

我只是猜测...

你试过了吗

constructor () {
    this.login = this.login.bind(this);
}

?

访问 Polymer 3.0 中的元素

Accessing elements in Polymer 3.0

polymer

polymer-starter-kit

polymer-3.x