Vue v-for循环中，input或select值变动时，如何触发特定事件？

本文共计637个文字，预计阅读时间需要3分钟。

oninput 用法

<input type="text" id="myInput" oninput="myFunction()"> <script> function myFunction() { } </script>

oninput 如果需要在Vue中使用则需要写成 v-on:input 还有绑定id的时候这样写:id="'m_num'+index" 注意m_num必须用单引号引起来

<input type="number" :id="'m_num'+index" v-on:input="jsMoney(index)">

jsMoney 方法

jsMoney:function(index){ $("#m_num"+index).val() }

onchange：input 中的文本修改后 在 input 失去焦点后触发

onblur：input 失去焦点后直接触发

oninput：input 文本输入时触发

补充知识：VUE项目中使用this.$forceUpdate();解决页面v-for中修改item属性值后页面v-if不改变的问题

页面展示：

实现效果：点击实现列表内容的展开、折叠。