如何在vue中禁用基于子组件表单验证的按钮

文章/答案/技术大牛

发布

1回答

javascript、vue.js、vuetify.js

我有一个子组件 <v-form ref="form" v-model="valid" lazy-validation></v-form> 如果我在子组件中尝试this.$refs.form.

浏览 47提问于2019-03-06得票数 0

1回答

是否可以在父组件中有一个带有提交按钮的表单组件。角度

angular、angular2-forms

该项目是它在一个模态组件中有一个表单)。我想创建一个模式(父组件)内的表单组件(3个子组件，每个都是表单组件)。表单组件(子组件)的切换/导航是使用模式(父组件)的按钮来完成的。因此，基本上每个表单的

浏览 2提问于2017-04-02得票数 2

1回答

启用禁用基于子状态的父组件中的提交按钮，使用React - Redux表单

reactjs、react-redux、redux-form

提交按钮位于父组件中。子组件上有一个redux表单</em

浏览 7提问于2022-08-25得票数 0

回答已采纳

2回答

Vue基本逻辑问题:父母与子女之间的沟通，反之亦然

javascript、vue.js、vuejs2

我需要一些关于组件间通信的Vue (第2版)基本逻辑概念的帮助，我似乎无法理解。我有一个仪表板(Dashboard.vue)，从它打开一个弹出窗口：<FormXPopup v-show="isVisible"> 在FormXPopup.vue中，我有一个带有内容槽的弹出组件<Popup弹出窗口有一个关闭按钮，发出“关闭”，在Dashboard.vue中切换Das

浏览 5提问于2021-10-15得票数 2

回答已采纳

2回答

Vuelidate:使用子组件验证表单

vue.js、vue-component、vuelidate

如何使用Vuelidate对父组件中的嵌套组件进行验证？如果子组件中的输入有效或无效，我希望更改parentForm.$invalid。

浏览 1提问于2019-01-24得票数 16

回答已采纳

1回答

如何禁用从子react组件继承的react组件中的按钮？

reactjs

我有一个扩展父react组件的子react组件。在某些情况下，如果子组件中的表单验证失败，则应禁用父组件中的保存按钮。如何从子组件中</e

浏览 1提问于2020-11-07得票数 2

1回答

禁用带有角2+模板驱动窗体和子组件的提交按钮？

angular

在2+中使用模板驱动的表单，我希望使用表单中的子组件，以便更容易地对表单元素进行单元测试。尽管如此，我希望能够禁用带有模板引用变量(即button [disabled]="!myForm.form.valid" )的submit按钮。我知道应该将一些东西从父窗体传递给子组件，但是我还没有弄清楚它是什么，或者应该使用的语法。使用

浏览 1提问于2018-10-03得票数 0

回答已采纳

4回答

验证父组件中的子组件中的表单输入字段。

vue.js、vuejs2、vue-component、vuelidate

我对Vue Js和Vue是新手。只是尝试验证父组件的表单输入字段，如：<contact-list ref="contactList" :contacts="contacts" @primaryChanged="setPrimary" @remove="removeContact&quo

浏览 2提问于2018-12-05得票数 6

回答已采纳

1回答

跨多个组件的表单验证

angular、angular2-template

我把这个放在我的主组件中： <child [cosField]="cosField" [f]="ff.valid">Submit</button>我有一个与此组件不同的子组件。子

浏览 2提问于2016-09-21得票数 1

1回答

vee-验证-验证父组件的子组件

vue.js、vee-validate

我使用的是vee-validate 3.x，我想从父组件中验证子组件中包含的表单。v-model="value" type="text" /> </ValidationProvider>下面是问题的

浏览 2提问于2019-09-30得票数 0

回答已采纳

1回答

来自多个组件的AngularJS验证

angularjs、angular-ui-router、angular-components

我正在开发一个小型的AngularJS (1.6)应用程序，试图使用基于组件的架构。在我的HomePageComponent上，我有三个不同的子组件A、B和C，它们都包含不同的内容，比如输入字段、日期选择器和一个列表。如果我的任意子组件中的验证失败，应该不可能导航到下一个页面(状态)。因此，应该禁用“

浏览 1提问于2017-06-27得票数 0

2回答

Extjs3组件层次结构-获取所有子组件

javascript、extjs

我有一个表单面板，在这个表单面板中我有另一个表面板，其中再次放置了表单元素，这些元素是该模板的一部分。没什么好壮观的。基本上是一个带有一些“子窗体”的表单，每个子表单包含在一个选项卡中。现在，当用户单击工具栏中的按钮时，我向dis/启用每个子窗体/选项卡添加了代码。但是，为了使验证能够跳过禁用</em

浏览 2提问于2011-01-20得票数 2

回答已采纳

1回答

如何访问使用vee-validate验证的自定义输入组件上的errors computed属性？

javascript、validation、vue.js、vuejs2、vee-validate

我正在尝试在自定义输入组件中使用VeeValidate。 } 我还尝试从父页面注入验证器，以便能够直接访问errors computed属性，但父页面和自定义输入组件本身之间可能有1-2-3层嵌套我必须通过所有这些组件注入验证器，并且这些组件都

浏览 0提问于2018-06-15得票数 2

1回答

在父组件中的角MatStepper上调用子验证器

javascript、angular、typescript

我想通过子组件验证器来验证我的Mat-Stepper App组件中的下一个功能，我正在调用父组件中的子<e

浏览 2提问于2021-01-04得票数 0

回答已采纳

2回答

属性值未将更新的值从父组件发送到vue中的子组件

javascript、vue.js

我有一个父子组件。我在这里面临的问题是，当我第一次单击子组件中的提交按钮时，我作为道具从父组件发送给子组件的验证字段没有更新。例如，当我在子组件上提交表单时，它会使用父组件中的checkValidation方法检查表单验证。假设表单

浏览 32提问于2021-01-23得票数 0

回答已采纳

1回答

Vue2如何在vue实例中创建用于表单验证的动态数据字段

javascript、json、forms、validation、vue.js

我是Vue.js新手，我正在尝试对动态创建的表单进行表单验证。输入字段是通过从ajax调用中获得的json对象确定的。我环顾四周，发现了许多表单验证库，但它们似乎都需要vue实例中的静态数据属性才能使验证部分工作。但是因为我的表单中的字段依赖于json对象，所以我不能在数据<

浏览 2提问于2017-03-23得票数 0

1回答

像收音机按钮一样的Vue.js组件

javascript、components、vue.js

我有以下Vue.js组件，它们基本上应该有一个类似于无线电按钮的行为：<template> v-for="elementtemplate> export default { active: Boolean}这很好，但只有父级才能决定激活其中的一个<em

浏览 2提问于2016-03-13得票数 1

回答已采纳

2回答

如何在vue上从另一个组件调用函数

vue.js、routes

Irm尝试从我的vue应用程序中的另一个组件调用函数。在我的library.vue中，我有一个函数可以打开一个带有id的弹出窗口： displayPopup(id: String) 在我看来，我有一个带有ID的route.param，当我调用mysite.com在我的视图中，库组件被调用。有没有人知道当我调用good URL时如何打开弹出窗口？

浏览 90提问于2021-07-05得票数 0

2回答

Angular 6如何在特定时间间隔后跟踪表单域的更改

angular、typescript、angular-reactive-forms

我在智能组件中有几个表单域，在子组件中有一些。我有一个打印和提交按钮。用户输入所有字段并单击打印按钮，如果打印成功，则提交按钮将被enabled.The提交按钮将被禁用，如果验证任何字段也失败。成功打印后-- 1)假设如果用户更改了任何字段中的任何内容，我想禁用该按钮--这是可以的，我可以使用@Input和@Output通过事

浏览 1提问于2018-10-12得票数 0

3回答

以最干净的方式在Vue中重新呈现组件

vue.js、components、vue-reactivity

我有一个Keyboard.vue组件，包含许多Key.vue子组件实例(每个键一个)。在Key.vue中，键实际上是一个可以禁用的html <button>元素。通过单击应用程序中的某个按钮，我希望重新设置键盘并再次启用所有键。我认为将v-if设置为false然后再设置为true (<keyboard v-if="BooleanValue"

浏览 18提问于2019-11-08得票数 3

回答已采纳

点击加载更多