Javascript 元素值更改时的Vuejs事件？

我有一个元素，我希望看到这样的变化：

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

50

是否可以使用vuejs干净地执行此操作？我试着在文档中查找，但找不到类似的东西

每当VueJs的“50”更改为其他内容时，我想启动一个自定义事件。

您尝试过吗？ 在你的情况下，应该是这样的

模板

<div id="app">
    {{ message }}
    <span id="slider-value-upper" class="lower">{{myValue}}</span><br />
    <input v-model="myValue">
</div>

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';
        }
      }
    }
})

{{message}}
{{myValue}}

js代码

<div id="app">
    {{ message }}
    <span id="slider-value-upper" class="lower">{{myValue}}</span><br />
    <input v-model="myValue">
</div>

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';
        }
      }
    }
})

newvue({
el:“#应用程序”，
数据：{
消息：“观看示例”，
我的价值：50
},
观察：{
“myValue”：函数（val，oldVal）{
如果（val<50）{
this.message='值太低！'；
}否则{
this.message='value is ok'；
}
}
}
})

---

签出

要更改哪个属性？我只想在span元素更改后获取其值。这个值连接到一个滑块，我想在滑块更改元素时将其值传递给vuejs。滑块是本机javascript还是Jquery？因为Vue无法检测到。建议在使用Vue时不要使用Jquery进行此类操作，更好地搜索Vue库/pachageth。这种方法有效，但仅当通过在输入字段中键入其他内容更改实际跨度元素值时有效。我的滑块在不键入的情况下操纵输入框中的值，并且不会触发。它仅在键入时更改，因为我向输入添加了

v-model

，您应该将

v-model

绑定到正在更改值的输入类型。如果您在没有输入的情况下更改值，例如直接使用javascript，则必须保持Vue组件的

数据
属性同步，而反应性将发挥神奇的作用。无论如何，如果你想要更多的细节，你应该添加代码的一部分，如果myValue不在根目录中，而是在一个像。。。第一个：{myValue:''}。。因为不可能在手表里放上“第一，我的价值”之类的东西。。。正确的方法是什么？@SoldierCorp您可以对计算属性
v-model
执行
获取
first.myValue中的值，并
设置
first.myValue中的值