成都网站建设设计

将想法与焦点和您一起共享

小程序input数据双向绑定实现方法-创新互联

我们都知道 vue 中可以使用 modal 来实现 input 内容数据的双向绑定。

目前成都创新互联公司已为近1000家的企业提供了网站建设、域名、网络空间、网站托管运营、企业网站设计、阿克苏网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。

小程序好像没有提供相应的方法支持,就需要我们自己写了。

原理

很简单,在 input 上先绑定需要取值的变量,如这个变量名是 name,然后再定义一个用于指向变量名的属性 data-modal 这个属性值设置为 name,在 input 的绑定方法中将这个属性值取出,就会知道这个 input 绑定了哪个变量,然后再将 input 的当前值赋给这个变量即可。

实现

wxml


  data-modal='name' 
  bindinput='handleInputChange' 
  >

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


当前题目:小程序input数据双向绑定实现方法-创新互联
转载源于:http://chengdu.cdxwcx.cn/article/cssdji.html