vue中 json和 this.$ 的使用

面壁者-扬

于 2023-11-20 10:58:27 发布

阅读量225

点赞数 1

文章标签： vue.js json javascript

本文链接：https://blog.youkuaiyun.com/yangchuang11/article/details/134502916

版权

文章讲述了在Vue项目中遇到的问题，即如何在遇到不能及时赋值和Input文本不可编辑的情况时，通过将JSON对象转换并利用`this.$set`方法更新数组中的特定属性，如protocol相关端口的值。

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

直接赋值有问题的情况下（不能及时赋值及input文本不能编辑），可以使用JSON转换成变量，再用this.$set 赋值给数组

       protocolChange(row, index, rows) {
            var temp = JSON.parse(JSON.stringify(row))
            if (row.protocol && (row.protocol == '6' || row.protocol == '17')) {
              temp['sourcePort'] =  '1:65535'
              temp['destinationPort'] =  '1:65535'
              // row.destinationPort = '1:65535'
              this.$set(rows, index, temp)
            }else {
              temp['sourcePort'] = null
              temp['destinationPort'] = null
              this.$set(rows, index, temp)
                // row.sourcePort = null
                // row.destinationPort = null
                // this.$set(row, idx, temp)
            }
        },