向数组中动态增加变量为key值

       var dd = [],v=0;
        $("#btnShare").click(function(){
            v += 1;
            console.log(v);
            var ff ={
                [v]: 'fxt'+ v,
            }
            dd.push(ff);
            console.log(dd);
        })

push进入对象的key,如果要用变量形式,应该用[]括起来。不然key会被识别成字符串。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在Vue3和TypeScript中,我们可以使用动态变量来管理数组增加和删除。 首先,我们需要在Vue组件中声明一个数组变量,并将其初始化为空数组。例如: ``` data() { return { myArray: [] // 初始化一个空数组 }; } ``` 接下来,我们可以通过给输入框绑定一个`v-model`指令来获取用户的输入,并将其添加数组中。我们可以在Vue的`<template>`标签中使用`v-for`指令来遍历数组,并显示每个元素。例如: ``` <template> <div> <input type="text" v-model="newValue" /> <button @click="addItem">添加</button> <ul> <li v-for="(item, index) in myArray" :key="index">{{ item }}</li> </ul> <div> </template> <script> export default { data() { return { myArray: [], // 初始化一个空数组 newValue: '' // 保存用户输入的新 }; }, methods: { addItem() { this.myArray.push(this.newValue); // 将新添加数组中 this.newValue = ''; // 清空输入框的 } } }; </script> ``` 上述代码中,`addItem`方法通过`push`方法将`newValue`的添加数组`myArray`中,并且在添加完后,将`newValue`重置为空字符串,以清空输入框的。 当用户希望删除数组中的元素时,我们可以为每个元素添加一个删除按钮,并给按钮绑定一个点击事件,通过`splice`方法将该元素从数组中删除。例如: ``` <template> <ul> <li v-for="(item, index) in myArray" :key="index"> {{ item }} <button @click="deleteItem(index)">删除</button> </li> </ul> </template> <script> export default { data() { return { myArray: ['item1', 'item2', 'item3'] // 初始化一个有初始元素的数组 }; }, methods: { deleteItem(index) { this.myArray.splice(index, 1); // 从数组中删除指定索引位置的元素 } } }; </script> ``` 上述代码中,`deleteItem`方法接收一个参数`index`,表示要删除的元素在数组中的索引位置。通过`splice`方法,我们将该元素从数组中删除。 总之,Vue3和TypeScript的组合可以轻松实现数组动态增加和删除。借助`v-for`指令和数组的相关方法,我们可以方便地展示和操作数组的内容。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值