vue-watch监听动态表单的数据

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue-watch监听动态表单的数据相关的知识,希望对你有一定的参考价值。

参考技术A 也就是说,我们要监听的是ruleForm对象中的domains属性,此时需要用到深度监听

此时,ruleForm的属性一发生变化,就会被watch属性监听到,对应的值就会发生变化。

还有一个比较容易理解的写法:

sencha touch 动态构建窗体

【中文标题】sencha touch 动态构建窗体【英文标题】:sencha touch build formpanel dynamically 【发布时间】:2014-06-10 06:32:34 【问题描述】:

我是 sencha touch 的新手 我想在用户点击某个监听器后创建一个表单面板,我发现了如何监听一个项目,但问题是创建一个页面并用来自 JsonP 请求的数据填充它 我试过了

Ext.data.JsonP.request(
url: 'url',
callbackName: 'callback1',
success: function(result, request) 


 Ext.Viewport.add(     
    title : 'Category',
    iconCls : 'home',
    id:'category'+id,
    xtype : 'formpanel',  
    deferredRender:true,
    tabBarPosition : 'bottom',
    data:result.prop
); );

在控制台中没有错误,并且添加的表单但不在已经存在的表单面板中

【问题讨论】:

【参考方案1】:

你可以试试下面的示例代码..

onButtonClick: function(button) 

Ext.data.JsonP.request(
url: 'url',
callbackName: 'callback1',
success: function(result, request) 


 button.up('some_id').add(     
    title : 'Category',
    iconCls : 'home',
    id:'category'+id,
    xtype : 'formpanel',  
    deferredRender:true,
    tabBarPosition : 'bottom',
    data:result.prop
 ); 
);


【讨论】:

以上是关于vue-watch监听动态表单的数据的主要内容,如果未能解决你的问题,请参考以下文章

jquery 动态添加表单元素

vue动态修改rules的message值

动态生成表单

JPA表单动态传参

如何在动态元素上使用 preventDefault?

vue通过后端返回值动态生成表单及动态表单的数据提交