一.有关于form页面取值问题

最新推荐文章于 2023-09-14 17:54:04 发布

原创最新推荐文章于 2023-09-14 17:54:04 发布 · 467 阅读

0 ·

CC 4.0 BY-SA版权

工作笔记专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一种保证金比率和金额的计算方法。当输入签约金额和保证金比率或金额时，可以自动计算出对应的保证金比率或金额。此外还提供了一个清除保证金的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

t_Methods:{

//计算保证金比率;

handleGuaranteeRate(){

let modal=oThis.$refs.baseTemplateRef.comp.$refs["SignBill_ref"].model;

let sign_money=modal.sign_money;

let guarantee_money=modal.guarantee_money;

if(sign_money && guarantee_money){

let guarantee_rate=guarantee_money/sign_money;

oThis.$refs.baseTemplateRef.comp.$refs["SignBill_ref"].model.guarantee_rate=guarantee_rate;

}

//计算保证金金额;

handleGuaranteeMoney(){

let modal=oThis.$refs.baseTemplateRef.comp.$refs["SignBill_ref"].model;

let sign_money=modal.sign_money;

let guarantee_rate=modal.guarantee_rate;

if(sign_money && guarantee_rate){

let guarantee_money=sign_money*guarantee_rate;

oThis.$refs.baseTemplateRef.comp.$refs["SignBill_ref"].model.guarantee_money=guarantee_money;

}

//输入出资金额,清空保证金;

handleGuarantee(){

let modal=oThis.$refs.baseTemplateRef.comp.$refs["SignBill_ref"].model;

modal.guarantee_money="";

modal.guarantee_rate=0;

}

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

薛中然

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

vue页面Form 表单卡顿的问题，如何解决？

**My Coding Family**

01-22

1023

解决表单卡顿的问题，首先需要定位瓶颈，可能是由于多个因素共同作用导致的。减少不必要的重渲染，避免过多的双向绑定和复杂的 DOM 操作。事件防抖和节流，尤其是对于快速输入和键盘事件。列表虚拟化，避免渲染大量数据。合理的组件拆分和懒加载，避免页面加载时阻塞。性能分析工具，查找具体的性能瓶颈。这些优化措施可以逐步实施，结合性能分析工具进行调试，找出最有效的优化方法。希望如上措施及解决方案能够帮到有需要的你。

跨页传值系列之Request.Form篇

xiongxinle的博客

01-07

948

一、应用场景在网站建设中，有时需要将一个页面的信息提交给另一个页面进行运用。如：当我们在浏览完商品信息后，往往需要将我们所选择的商品的关键字段Id发送到订单页面以供结算。这时，就会用到跨页传值。跨页传值的方式有很多种，使用哪种方式取决于网页跳转方式。说明：在本主题中，我们将页面跳转前的页叫源页，将页面跳转后的页叫目标页。下面介绍一下六种基本的跨页传值方式：（1）、源页公共属性值和控件读取方式：利用目标页的Previouspage属性引用源页， ...

参与评论您还未登录，请先登录后发表或查看评论

form取值

mickey

02-13

220

var form = this.up('form').getForm();//获取表单对象 var field=form.findField("cloudSubsriberId");//表单取值“id:'cloudSubsriberId'” var value=field.getValue(); if (null...

form表单取值

qq_41816742的博客

06-23

1048

jquery取值 <form action="" id="test_form"> </form> 使用：var data = $("#test_form").serializeJson();//返回json对象输出：序列化为json格式为：{key1:value1,key2:value2} JSON.stringify(data) 转换为JSON字符串传给后端 ----------------------------------------------------..

form获取表单项的值

最新发布

cccbbbmmm的博客

09-14

1911

要获取表单项的值（value），您可以使用 Ant Design 的 Form 组件提供的 getFieldDecorator 方法，或者使用 useForm 自定义 hook，并通过 onChange 事件来更新和获取表单项的值。在上述示例中，我们使用了 Ant Design 的 Form 组件，并通过 onFinish 回调函数获取整个表单的值，然后使用。在上述示例中，我们使用了 Ant Design 的 useForm 自定义 hook 来处理表单逻辑。，您可以获取整个表单的值，并使用。

获取Form表单数据

qq_32109957的博客

08-06

4156

HTML代码 <form class="layui-form" id="frm" style="width:100%;"> <input type="text" name="nn" /> <table> <tbody id="tbody_details">

form表单中组件的取值

chenmin_test的博客

03-04

1322

form表单中组件值的获取代码如下：获取select的选中的值获取input=radio的值代码如下： <div class="search_div"> <form class="form-inline"> <div class="form-group"> <label>

layui 解决form表单点击无反应的问题

12-13

无刷新页面再次操作form表单时，点击无效果重点来了！解决方法！...以上这篇layui 解决form表单点击无反应的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持软件开发网。

js取值中form.all和不加all的区别介绍

12-11

例如，对于一个 `input` 元素，如果我们有 `<input type="text" name="username">`，那么我们可以通过 `document.form.username` 或 `form.username` 来获取或设置该元素的值。这种方式只适用于表单内的元素，如 `...

js动态生成form 并用ajax方式提交的实现方法

11-24

在JavaScript中，动态生成表单（form）以及使用Ajax方式提交数据是一种常见的需求，尤其是在页面交互和异步数据处理中。下面将详细解释这个过程，包括如何创建动态表单、添加表单元素以及如何利用Ajax进行提交。 ...

表单提交-form，快速取值

小灰辉的博客

09-17

1125

前段页面： form表单设置id，为了方便使用，前段提供了一个方法（form表单序列化） js如下： 1、通过form的id获取有name属性的所有输入的值， 2、因为直接通过序列化取得表单的所有值会发现出现中文乱码，所以通过decodeURIComponent转码注意：当表单中的数据存在只读的时候，readonly设...

关于document.form.取值问题

weixin_33825683的博客

07-06

340

2019独角兽企业重金招聘Python工程师标准>>> ...

react from 表单获取值

bossxu_的博客

09-07

3299

import React, { Component } from 'react' import { Form, Input, Button } from 'antd' class Example extends Component { // 通过 Ref 来获取 Form 实例 // 同样的，你可以不使用createRef()方法而用this.refs.XXX也可以 formRef = React.createRef() // 通过 Form 的 Submit监听得到字段值 o

element-ui关于获取from表单项整个对象的方法，以及this.$refs[formName].resetFields()清除失效情况

阿牛哥的博客

09-16

3089

element-ui关于获取from表单项整个对象的方法，以及this.$refs[formName].resetFields()清除失效情况

VUE中$refs的基本用法

热门推荐

wh710107079的博客

03-06

16万+

ref 有三种用法：　　1、ref 加在普通的元素上，用this.$refs.（ref值）获取到的是dom元素　　2、ref 加在子组件上，用this.$refs.（ref值）获取到的是组件实例，可以使用组件的所有方法。在使用方法的时候直接this.$refs.（ref值）.方法（）就可以使用了。　　3、如何利用 v-for 和 ref 获取一组数组或者dom 节点应注意的坑...

Antd 4 获取Form字段值

Lee的博客

10-20

6717

类组件获取表单字段值由于Antd 4中去除了Form.create方法创建Form实例得到getFieldDecorator、validateFields等方法，我们使用类组件想要Form上的方法就需要用到Ref来获得实例。 import React, { Component } from 'react' import { Form, Input, Button } from 'antd' class Example extends Component { // 通过...

element

lianxin19900610的博客

04-23

351

放大全屏 screenfull.toggle() 表单验证清楚校验 this.$refs['dataForm'].clearValidate() 表单验证 this.$refs[formName].validate((valid) => {}） vue axios 请求get post 因为params是添加到url的请求字符串中的，用于get请求。而data是添...

使用Visual Studio 2015完成表单的自动提交方式

weixin_57726512的博客

06-18

817

今天我们将使用Visual Studio 2015来完成一个表单提交，同时我们还需要使用到bootstrap和jQuery插件。首先布局页面我们在一个div标签中嵌套一个form标签，form标签嵌套四个div标签。第一个div标签中包含有label标签和一个input标签，label标签中的是“姓名”input标签则是用来接收传入的数据的 ...

layer.open回调取值

06-06

### 回答1： layer.open是Layui框架中常用的一个弹出层组件，常常用来弹出信息提示框、确认框、输入框等。当我们在使用layer.open弹出层时，有时需要获取用户操作后的返回值以进一步处理数据，这时就需要使用layer.open的回调函数来取值。在使用layer.open时，我们可以在配置属性中指定回调函数，如： ``` layer.open({ title: '提示', content: '你确定要注销吗？', yes: function(index, layero){ //用户点击确定后执行的回调函数 alert('您点击了确定按钮'); layer.close(index); //关闭弹出层 }, cancel: function(){ //用户点击取消后执行的回调函数 alert('您点击了取消按钮'); } }); ``` 其中yes属性指定了点击确定后执行的回调函数，可以在这个回调函数中取到layer.open的index值，该值即为当前弹出层的索引值，我们可以通过传递此值给其他函数来处理数据。例如： ``` layer.open({ title: '确认', content: '您确定要提交吗？', yes: function(index, layero){ $.ajax({ type: "POST", url: "submit.php", data: $('#form1').serialize(), success: function(data){ //提交成功后执行的回调函数 alert('提交成功'); layer.close(index); //关闭弹出层 updatePage(data); //更新页面数据 }, error: function(XMLHttpRequest, textStatus, errorThrown){ //提交失败后执行的回调函数 alert(XMLHttpRequest.status); alert(XMLHttpRequest.readyState); alert(textStatus); } }); } }); ``` 在这个例子中，我们在点击确定后通过ajax提交数据，成功或失败后分别执行不同的回调函数。如果提交成功，我们就可以通过updatePage函数来更新页面数据，这个函数需要传递一个参数，即提交后返回的数据。由于在回调函数中可以访问到layer.open的index值，我们就可以把这个值传递给updatePage函数来关闭弹出层。这样就可以方便地在layer.open回调函数中处理弹出层的返回值了。