Vue中给键值对的id动态赋值

最新推荐文章于 2024-05-04 23:04:35 发布
最新推荐文章于 2024-05-04 23:04:35 发布
阅读量3.2k 收藏 1
点赞数 1
分类专栏： 前端 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36028750/article/details/105955631
版权 
getRadioVal1(i, id, value){
      console.log(i + 1 + "题 id:" + id + "  value:" + value);
      this.radio[i]={ [id] : value };	//此处若直接写id,id将会是字符串，不发生变化
      this.allRadio[i] = this.radio[i]; // 将数据存入提交给后台的数据中
      console.log(this.allRadio);
      // console.log(this.radio)
    },

赋值过程中，键应该加 [ ] 获取才行。如图为 [id]

冲凉丶
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue push 键值是动态的_Vue-Router 使用和原理简单实现
weixin_42524792的博客
01-17 752
Vue Router 是 Vue.js 官方的路由管理器,可以让构建单页面应用变得易如反掌单页面应用(Single Page Application,SPA)应用只有一个完整的页面，它在加载页面时，不会加载全部页面，只加载一个首页的容器，其它页面的内容在首页容器某个位置，需要页面切换时只更新某个指定的容器中内容单页面应用的核心之一是：更新视图而不重新请求页面单页面应用不仅仅是在页面交互是无刷新的，...
【Vue3】实现动态给id赋值，点击事件获取当前点击的元素的id操作
Jessieeeeeee的博客
01-16 5733
场景 需要让输出的 id 为 0，1…… 代码 <div v-for="(item,index) in list" :key="index" > <div :id="index" @click="b(index)">我是id</div> </div> 然后在 vue 的实例中就可以拿到对应的 id b(index){ this.list.splice(index,1); } 或 <div @click="open($event)" id="
vue实现动态给id赋值,点击事件获取当前点击的元素的id操作
01-18
：id绑定 :id=”‘a_’+index” 输出的id为a_0，a_1。。。。。 哈哈哈 然后在vue的实例中就可以拿到对应的id b(index){ this.list.splice(index,1); } 或 添加 open(a){ console.log(a.currentTarge
2024年Web前端最全Vue项目项字典值变量添加键值对，国内前端开发成果
最新发布
2401_84434442的博客
05-04 568
在面试前我花了三个月时间刷了很多大厂面试题，最近做了一个整理并分类，主要内容包括html，css，JavaScript，ES6，计算机网络，浏览器，工程化，模块化，Node.js，框架，数据结构，性能优化，项目等等。包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。HTML5新特性，语义化浏览器的标准模式和怪异模式xhtml和html的区别使用data-的好处meta标签canvasHTML废弃的标签。
vue中给控件属性赋值
weixin_43938408的博客
08-05 1万+
关键代码：:id=“item.id” 本例将遍历元素的id赋值到控件的id属性中 <div class="fun-item border-bottom" @click='siwtchBtn' :id="item.id" v-if="item.message_type==2" v-for="(item,index) in vipType"> <div...
vue 动态绑定id并传值
热门推荐
weixin_42340514的博客
01-18 1万+
转：https://blog.csdn.net/junyu1024/article/details/78722574
vue 带下标循环、点击事件动态id赋值和事件传参
Hello, New World!
07-25 4272
vue 带下标循环、点击事件动态id赋值和事件传参 Vue 使用的 CDN，可以直接复制，预览测试 v-for 和 click 事件传参效果。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>vue 带下标循环、点击事件动态id赋值和事件传参</title> <script src="https://cdn.jsdelivr.net/npm/
基于Vue实例对象的数据选项
08-29
数据对象是一个 JSON 对象，它可以包含多个键值对。Vue 将递归将数据对象的属性转换为 getter/setter，从而让数据对象的属性能响应数据变化。 数据对象可以在创建 Vue 实例时传递给实例，也可以在实例创建后添加或...
详解vue渲染从后台获取的json数据
10-19
Vue.js 是一款轻量级的前端JavaScript框架，它以其组件化、声明式的数据...在实际项目中，应尽量避免直接在Vue实例的`data`选项内硬编码数据，而是通过Ajax请求获取并动态赋值，这样更符合组件化和数据驱动的开发模式。
Thinkphp中的volist标签用法简介
10-25
`volist`标签甚至允许直接在模板中调用函数来获取数据集，无需在控制器中预先赋值： ```html ('arg')" id="vo"> {$vo.name} ``` 总的来说，`ThinkPHP`的`volist`标签提供了灵活且强大的数据遍历功能，能够满足...
idre.github.io
06-07
4. **函数**：JavaScript中的函数是第一类公民，可以作为变量赋值、作为参数传递和作为返回值。了解函数表达式、箭头函数和函数作用域至关重要。 5. **数组与对象**：数组用于存储多个值，可以使用索引访问；对象则...
利用localStorage实现对ueditor编辑内容定时保存为草稿
12-23
localStorage是浏览器提供的一个对象，用于在客户端持久化地存储键值对数据。与sessionStorage类似，但它没有会话时间限制，数据在浏览器关闭后仍然存在。通过调用window.localStorage对象的方法，我们可以读取、...
vue之键盘修饰符以及自定义指令
low666的博客
03-06 173
vue之键盘修饰符以及自定义键盘修饰符 1.自定义键盘修饰符【了解】 Vue.directive('on').keyCodes.f2 = 13;//enter键盘值 2.自定义键盘修饰符 通过Vue.config.keyCodes.名称 = 按键值来自定义案件修饰符的别名： Vue.config.keyCodes.f2 = 13;//enter键盘值 使用自定义的按键修饰符： &...
将一个数组对象根据id赋值给另外一个数组对象
m0_68937827的博客
12-15 742
将一个数组对象根据id赋值给另外一个数组对象。
【vue】vue给div赋值（通过v-html给vue组件中的div赋值）
liuzhenhe1988的专栏
10-26 1万+
前言 近期在项目中遇到一个比较常见的需求，需要把富文本内容展示在vue页面中，当时的想法是用一个第三方富文本编辑器进行展示，后来发现是否可以通过一个div把内容展示出来，经过测试可以通过v-html=变量或方法对div直接赋值 示例 parentContent为变量 data() { return { form: this.$store.state.newsitem, parentContent: this.$store.state.newsitem.con.
VUE-2（模板 指令 ）
weixin_43836308的博客
03-18 317
1.数据驱动视图 ，一切都是组件 实例var vm=new Vue({}) 模板 el template,有template的话优先加载template 第一个程序 点击按钮，div消失（v-show控制dom的显示隐藏（display:none/block）） <!DOCTYPE html> <html lang="en"> <head> <me...
Vue里使用Map键值对传参
qq_41497443的博客
11-09 1万+
Vue里使用Map键值对传参 问题描述：在参数传递时时候Map键值对key:value的形式进行传参。 1、date数据区定义声明map变量和中间数据变量temp： data(){ return{ //其他代码 map:'', temp:[] } }, 2、methods方法区接口传值：声明map为Map变量，接收接口传过来的key数据生成表单项数据项: this.map=new Map()
vue中动态获取变量名并赋值
周家大小姐
04-29 4440
需求根据vuex返回的数据,动态针对每个data中指定的变量改为true但如果一个个if去手写就太麻烦了;所以前缀相同尾部为I做为结束方便使用 效果: data () { return { video0: '', video1: '', video2: '', video3: '', video4: '', video5: '' } }, cuVal..
vue3中如何动态给table赋值
06-06
在Vue3中，动态给表格赋值与Vue2类似，也是使用v-for指令根据数据源动态渲染表格内容。ElementUI的表格组件`<el-table>`也可以通过v-for指令来实现动态赋值。 首先，在Vue实例中定义一个数据数组`tableData`，用于...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值