jquery怎么实现双向数据绑定

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery怎么实现双向数据绑定相关的知识,希望对你有一定的参考价值。

  用jquery实现的简单数据双向绑定:
  function DataBinder(object_id)
var pubSub = jQuery();
var
data_attr = "bind-"+object_id,
message = object_id+":change";

jQuery(document).on("change","[data-" + data_attr +"]",function(evt)

var $input = jQuery(this);
pubSub.trigger(message, [$input.attr("data-"
+ data_attr), $input.val()]);
);
pubSub.on(message,
function(evt,prop_name,new_val)
jQuery("[data-" + data_attr + "=" +
prop_name + "]").each(function()
var $bound = jQuery(this);

if($bound.is("input,textarea,select"))
$bound.val(new_val);


else
$bound.html(new_val);

);
);
return pubSub;



......
参考技术A 您好,请问您是想知道jquery怎么实现双向数据绑定吗?

以上是关于jquery怎么实现双向数据绑定的主要内容,如果未能解决你的问题,请参考以下文章

用jquery实现的简单数据双向绑定

Vue3的双向绑定是如何实现的

vue数据双向绑定原理

vue中数据双向绑定的原理是啥?

vue数据双向绑定原理

实现双向数据绑定