腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
视频
沙龙
1
回答
如何使用Vue.js创建“所有标记”复选框?
vue.js
我正在学习如何使用Vue.js,并尝试实现以下目标:基本上有一个“Mark”复选框,在该复选框中,它更新数据属性,此更新将在其他复选框上触发onchange事件。这些复选框启用或禁用它们的链接字段(类似于我正在构建的窗体的打开/关闭)。它们还在属性上添加字段名,该属性将用于指示字段数据是否将在提交时发布。 这是我到目前为止所拥有的一部分。 Vue.component('manual-form', { template: ` <div class="row"> <div class="col-md-9"&g
浏览 14
提问于2017-09-16
得票数 0
回答已采纳
1
回答
如何使用Vue.js将已挂载的复选框值持久化到服务器/数据库
javascript
、
vue.js
为服务器/API构建应用程序w/ Vue.js和Laravel。 我有一个collaborators列表,其中每个collaborator都有一个edit_access的布尔属性,显示在页面上,如下所示: <ul v-for='collaborator in collaborators' :key='collaborator.id'> <li> @{{ collaborator.email }} <input type='checkbox' v-mode
浏览 3
提问于2019-06-11
得票数 0
回答已采纳
2
回答
Vue JS -提交时复选框验证错误
javascript
、
vue.js
、
ecmascript-6
、
vuejs2
在我的注册表中,我有确认用户是否接受条款和条件的复选框。一旦我点击submit按钮,复选框就应该生效,但是由于该复选框最初是未选中的,所以会立即显示验证错误。最终,一旦我勾选了复选框,错误就会自动消失,但对于这个特定的场景,我希望只有在点击submit (如果我没有选中它)之后,验证错误才会显示出来。我没有收到任何特定的控制台错误,但我只是在执行时卡住了。有没有人能告诉我如何实现这一点?如果有任何帮助,我将不胜感激! Checkbox.vue -这是表示复选框的组件。 <template> <div class="check-wrapper">
浏览 0
提问于2021-03-25
得票数 1
2
回答
如何在Vue中同时绑定和发送数据?
javascript
、
laravel
、
vue.js
我在Vue中使用Laravel框架。我有一个父组件,它有一个子组件。子组件有一个复选框列表,无论我选中哪个复选框,值都会从存储在data()中的数组中追加(或删除)。我能够正确地将输入绑定到子组件中的数组,但当我将此数组发送回父组件时,数据并不新鲜,即它返回一个带有我勾选的前一个复选框的结果的数组,而不是当前的结果。我想知道如何在数据绑定和数据发送之间引入一种延迟,这样我就可以发送回准确的数据。 子组件 <input type="checkbox" :id="color" :value="color" v-model="color
浏览 13
提问于2019-04-25
得票数 2
回答已采纳
1
回答
复选框单击v-for循环中的无效数据
javascript
、
html
、
vue.js
、
vuejs2
、
vue-component
我想验证至少一个需要选中该复选框的需求。当我在循环中点击checkbox时,我正在尝试验证。当我选中一个时,第一次单击时输出是invalid return false。当我取消选中时,返回true。但是,当我使用vue-dev tools检查我的大小时,数组数据是有效的。我试着去找那些虫子,但是我没有找到。我不知道为什么我想知道这是为什么?我说错了吗? new Vue({ el: '#app', data: { sizes:[ {id:1,name:'small',ischeck:false,price:0},
浏览 33
提问于2018-09-07
得票数 0
回答已采纳
4
回答
Vue JS监视深度嵌套对象
javascript
、
mvvm
、
vue.js
免责声明:--这是我第一次尝试构建一个MVVM应用程序,我以前也没有使用过vue.js,所以很可能我的问题是一个更根本的问题的结果。 在我看来,我有两种类型的带复选框的块: 类型1:块/复选框 类型2:块/头/复选框 底层对象的结构如下: { "someTopLevelSetting": "someValue", "blocks": [ { "name": "someBlockName", "categryLevel": "false
浏览 0
提问于2015-05-08
得票数 50
1
回答
单击“检查”按钮时如何更改vue的状态
mongodb
、
express
、
vue.js
我正在使用Vue.js、Express.js和MongoDB创建一个Todo应用程序。 我希望通过复选框更改以v-for形式出现的字段的状态。 我想要的代码是在选中复选框时更改文本的状态,并使用v-if显示另一个元素。 这是我写的代码:但是它不起作用。 如果我有错误的密码,请帮帮我。 列表组件 <template> <div class="todos"> <div v-for="todo in todos" v-bind:key="todo._id" class="todo">
浏览 0
提问于2019-05-17
得票数 0
回答已采纳
3
回答
子项和父项之间的共享v-model值
javascript
、
vue.js
、
vuejs2
、
vue-component
我有一个和父组件一样共享v-model的组件。代码如下: Vue.component('greeting', { template: '<input type="text" :name="name" v-on:input="updateSearch($event.target.value)"> ' , props: ['name'], methods: { updateSearch: function(value) { this.$emit('
浏览 7
提问于2019-03-15
得票数 0
回答已采纳
3
回答
Vue.js中的模型与计算属性交互作用
javascript
、
vue.js
使用vue.js,我试图构建一个简单的任务管理器。 当用户单击“完整”复选框时,我希望发生两件事: 如果未选中“显示所有任务”,则隐藏该任务。 向服务器发送ajax请求,将任务标记为完成/打开。 阳痿的部分如下: <div id="tasks-app"> <input type="checkbox" id="checkbox" v-model="show_all"> <label for="checkbox">Show all tasks</label>
浏览 9
提问于2017-08-09
得票数 0
回答已采纳
1
回答
验证:复选框显示状态在未选中时选中,反之亦然。
javascript
、
vue.js
、
vuetify.js
、
nuxt.js
让我简化一下这个问题: 我的Vue.js模板中有一个复选框(使用Vuetify组件): <v-checkbox v-model="selected" label="John" value="John" id ="john" @click.native="checkit"> </v-checkbox> checkit()方法代码是: checkit: function() { let elt = document.getElementById('
浏览 0
提问于2018-09-24
得票数 3
回答已采纳
1
回答
在组件发出监听器后更改用于道具的外部变量的值将禁用Vue.js中的v-模型侦听器效果。
vue.js
、
vue-component
、
eventemitter
考虑到以下HTML代码: <div id="app"> <comp :is_checked="is_checked" v-on:ch="function(x){is_checked_2=x}"></comp> <p>{{ is_checked_2 }}</p> </div> <script src="app.js"></script> 和app.js var tm = `<div> <input typ
浏览 0
提问于2020-01-17
得票数 1
3
回答
选中Vue.js -错误复选框。
javascript
、
vue.js
、
vuejs2
使用Vue.js,我将显示带有复选框的项目列表。单击复选框将向下移动项目与罢工-通过。问题是,当我单击复选框时,会选中错误的复选框。 例如,当我点击苹果复选框,橙色复选框被选中。 小提琴: 这是我的密码 var myApp = new Vue({ el: '#myApp', data: { lists: [ {title: 'Apple', isChecked: false}, {title: 'Orange', isChecked: false}, {title: 'Grapes&
浏览 2
提问于2017-06-16
得票数 2
回答已采纳
1
回答
vue.js复选框未在chrome中正确更新
google-chrome
、
checkbox
、
vue.js
我是Vue.js的新手。基本上,我有两个复选框,我希望它们的行为像一个单选按钮(我知道我可以使用无线电,但我想知道问题是什么)它在Safari中工作得很好,但在Chrome中就不行了。 以下是复选框: <label class="list-display" for="list-box"> <input type="checkbox" id="list-box" v-model="list" v-on:click='mini=!list'> <span
浏览 18
提问于2018-08-03
得票数 0
回答已采纳
1
回答
属性是否总是需要在数据中声明:{}
vue.js
在以前使用过Vue.js之后,我开始熟悉AngularJS了,我想知道是否有任何方法可以显式地声明数据{ }中的每个数据属性。 在AngularJS中,将ng模型声明为HTML属性就足够了,当应用程序初始化时,它会将它们添加到作用域中,这样就可以读取/操作它们。 我担心的是,我用大约100个单独的属性制作了一个技术计算器,每项属性声明两次似乎是多余的。 Vue是否提供隐式获取模型属性,而不显式地在应用程序数据中声明它们? 示例AngularJS,无需在应用程序中显式声明模型属性: <script src="https://code.angularjs.org/1.6.9/angu
浏览 3
提问于2021-10-26
得票数 1
回答已采纳
1
回答
如何防止复选框值更改到以后?
javascript
、
angularjs
场景:我有一个用例,其中有一个复选框,当单击该复选框时,将显示一个带有Save选项的模态窗口。我关注的是复选框。我需要防止复选框改变其值或未被选中,直到我对模式弹出采取行动。不管是什么情况,我只需要知道如何防止复选框被选中或值直到以后更改。 如何在JavaScript中实现这一点?同样,不取消复选框,也不更改值,直到稍后--即承诺得到解决。只需要知道如何处理复选框。
浏览 0
提问于2017-05-20
得票数 1
回答已采纳
4
回答
角度复选框使用ng-单击重置绑定到复选框的ng-模型,从而防止未选中复选框。
angularjs
、
checkbox
、
angular-ngmodel
我有一些逻辑,在某些议员,我希望第一个复选框总是被选中。因此,如果用户尝试取消选中它,我想使用ng-单击将绑定到复选框的ng模型更改为“true”。但复选框仍未被选中. 如何实现根据ng模型的值保持复选框保持选中状态,而不使用类似于angular.element(Elem).attr(“选中”,true)之类的内容 <input type = 'checkbox' ng-model = 'checkboxValue' ng-click = "handler"/> 在控制器中 $scope.checkboxValue = false;
浏览 0
提问于2014-06-26
得票数 3
回答已采纳
1
回答
检测check_box_tag更改
ruby-on-rails
、
checkbox
有没有一种方法可以检测复选框是选中还是取消选中? 我想知道是否有一种方法可以在不刷新页面的情况下,使用表单、AJAX或JavaScript来计算复选框被选中/取消选中的时间。 = check_box_tag "checkbox", nil, true 我正在寻找一个类似这样的解决方案。选中/取消选中复选框时,将运行类似于JavaScript中的onChange的内容。下面的代码只是一个示例。我知道这不管用。 = check_box_tag "checkbox, nil, selected == true ? "Selected" : "Dese
浏览 3
提问于2014-10-10
得票数 0
1
回答
如何在Vue中将v-model与功能模板组件一起使用?
vue.js
、
vuejs2
、
vue-component
Vue.js有一个,演示了如何构建包装按钮的功能组件: <template functional> <button class="btn btn-primary" v-bind="data.attrs" v-on="listeners" > <slot/> </button> </template> 但是,我如何构建一个类似的使用select的组件,然后我可以在其父组件上使用v-model呢? 我想出了以下方法,但当我在上面使用v-model时
浏览 58
提问于2019-03-26
得票数 2
回答已采纳
2
回答
Vue.js |是否手动触发事件中断模型同步?
javascript
、
vue.js
、
mvvm
、
frameworks
、
dom-events
我的一个模块出现了一些问题。 考虑以下示例: Vue.config.async = false; // if I remove this, it stays at initial value var vm = new Vue({ el: '#test', data: { value: 'initial value' }, methods: { changeHandler: function () { console.log('changed!') } } }); vm.value =
浏览 1
提问于2016-09-06
得票数 0
3
回答
如何在vue中使用数组作为模型获取复选框的校验值
vue.js
、
vuejs2
我想知道如果我使用数组作为多个复选框列表的模型,我如何才能有效地检查哪些项被选中,哪些项未被选中,而不是与该数组逐个比较? <ul> <li v-for="task in tasks"> <input type="checkbox" :id="task.title" :value="task" v-model="selectedTasks" @change="handleTasks(task)"> <label :for="task.title
浏览 2
提问于2018-07-20
得票数 5
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
Excel 复选框–勾选后整行会变色
口 内打√的妙用!
根据复选框的状态,给数据自动填充颜色,此方法办公必备!
办公N年也未必知道这7个Word小技巧,尤其是最后一个!
vue.js初入门——十表单控件绑定
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券