vue获取select改变前的值
时间: 2024-04-23 20:10:44 浏览: 240
vue获取data数据改变前后的值方法
可以通过监听select的change事件,触发change事件时获取select元素的value属性,即为改变前的值。代码示例如下:
HTML代码:
<select id="my-select">
<option value="apple">苹果</option>
<option value="banana">香蕉</option>
<option value="orange">橙子</option>
</select>
JS代码:
var selectEl = document.getElementById('my-select');
var prevValue = selectEl.value;
selectEl.addEventListener('change', function(event) {
console.log('改变前的值:', prevValue);
console.log('改变后的值:', event.target.value);
prevValue = event.target.value;
});
阅读全文