zoukankan      html  css  js  c++  java
  • Vue中的v-model与my97日期选择插件冲突

    Vue中的v-model指令只是一个语法糖,其具体实现是:监听input框的input事件,然后将用户输入的值赋值给input框的value属性

    <input type="text" :value="name" v-on:input="name = $event.target.value">
    

    日期插件的实现是:选择好日期后,将值赋给input框,然而此时并没有绑定到vue的数据中
    后来采取的做法是:查询my97的API,找到选择日期的回调函数,在回调函数里将选择的值赋给vue的数据
    至此,该问题算是完成了。

    后来,测试又报出一个bug,当用户选择input框之后,没有从日期框选择日期,而是手动修改input内的数值,
    发现还是没有绑定到vue上,猜测原因是:my97插件内部给该input框又实现了一个input事件,该事件后触发。
    所以vue并没有获取到修改的值
    后来采取的做法是:去掉v-model绑定,在需要获取该值的地方使用jquery的方式获取

  • 相关阅读:
    59. Spiral Matrix II
    58. Length of Last Word
    57. Insert Interval
    56. Merge Intervals
    55. Jump Game
    54. Spiral Matrix
    53. Maximum Subarray
    52. N-Queens II
    51. N-Queens
    java封装学习
  • 原文地址:https://www.cnblogs.com/theone67/p/10394488.html
Copyright © 2011-2022 走看看