Reference Error : document is not defined in nativescript-vue

Question

var elements = document.getElementsByClassName('active');
while(elements.length > 0){
    elements[0].classList.remove('active');
}
$event.target.classList.add('active');

It shows document not defined error

Jen Looper · Accepted Answer · 2019-02-17 16:32:25Z

3

you're using web technologies in a native mobile application. The best way to get the id of the element is by giving your element a ref and doing something like this:

 const textField = this.$refs.groceryTextField.nativeView

There are lots of good examples in this repo: https://github.com/tralves/groceries-ns-vue/ and you can also checkout the marketplace for more code samples: market.nativescript.org.

answered Feb 17, 2019 at 16:32

Jen Looper

4283 silver badges4 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Rushikesh Shirkar Over a year ago

How to add/remove css class to that ref ?

Jen Looper Over a year ago

You could do this right in the markup of the template: :class="{'visible': elements.length > 0}"

Collectives™ on Stack Overflow

Reference Error : document is not defined in nativescript-vue

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related