Question

110

Vuejs event on change of element value?

rated 0 times [ 117] [ 7] / answers: 1 / hits: 68621 / 9 Years ago, mon, january 11, 2016, 12:00:00

I have an element that I want to watch for a change like this:

<span id=slider-value-upper class=lower>50</span>

Is it possible to do this cleanly with vuejs? I tried looking in the docs but I could not find anything like this.

I want to launch a custom event whenever '50' changes to something else with VueJs.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

monetm

Add To Favorites

Follow

Total Points: 615

Total Questions: 103

Total Answers: 119

Location: Finland

Member since Fri, Oct 21, 2022

2 Years ago

monetm questions

1 How to protect API routes in Next.js?

Fri, Feb 26, 21, 00:00, 3 Years ago

1 React props for passing color

Wed, Sep 9, 20, 00:00, 4 Years ago

1 How to catch the error when making fetch api request?

Sun, Jul 26, 20, 00:00, 4 Years ago

1 How to stop propagation on Link elements from React-Router-Dom?

Thu, Jul 2, 20, 00:00, 4 Years ago

1 Wait for an xpath in Puppeteer

Thu, Jun 11, 20, 00:00, 4 Years ago

View All

answered 9 Years ago mercedez · Accepted Answer

Have you tried with watch?
In your case it would be something like this.

template

<div id=app>

    {{ message }}

    <span id=slider-value-upper class=lower>{{myValue}}</span><br />

    <input v-model=myValue>

</div>

js code

new Vue({

    el: '#app',

    data: {

        message: 'Watch example',

        myValue: 50

    },

    watch: {

        'myValue': function(val, oldVal){

        if (val < 50) {

            this.message= 'value too low!';

        }else{

          this.message= 'value is ok';

        }

      }

    }

})

check out the example