Vue

Vue 输入绑定

//输入绑定
v-model

//修饰符
.lazy
并不是实时改变,而是在失去焦点或者按回车时才会更新

.number
将输入转换成Number类型

.trim
可以自动过滤输入首尾的空格

//ps
vue通过v-model,@input, @v-model.lazy几种输入框数据更新方式的区别:
在使用v-model时,如果用中文输入法输入中文,一般在没有选定词组前,也就在拼音阶段,Vue是不会更新数据的,当敲下汉字时才会触发更新。如果希望总是实时更新,可以用@input来代替v-model.

vue 监听Modal关闭

//modal 增加ref
<div class="modal fade" role="dialog" id="openModal" ref="openModal">
//vuejs
mounted(){
  $(this.$refs.openModal).on("hidden.bs.modal", function () {
      //todo
        });
}
posted @ 2022-12-27 19:57  [在河之洲]  阅读(18)  评论(0编辑  收藏  举报