小编UXC*_*ODA的帖子

如何将字符串转换为具有键值对的对象

我有一个看起来像这样的字符串:

'a=aaa,bbb,ccc&b=aaa,bbb,ccc&c=aaa,bbb,ccc'

我想将其更改为如下所示的对象:

{ a: 'aaa, bbb, ccc', b: 'aaa, bbb, ccc', c: 'aaa, bbb, ccc' }

我尝试过拆分&然后=但结果是:

[ ['a', 'aaa','bbb','ccc'], ['b', 'aaa','bbb','ccc'], ['c', 'aaa','bbb','ccc' ] ]

javascript arrays object

5
推荐指数
2
解决办法
5260
查看次数

如何用另一个对象的匹配键值替换对象键

我有一个对象:

{pm: 'val 1', dm: 'val 2', cm: 'val 3'}

我想遍历此过程并检查另一个对象中是否存在任何键,

如果是,则用另一个对象的匹配键值替换键。

{pm: 'price', dm: 'discount', cm: 'cost'}

预期的输出将是:

{price: 'val 1', discount: 'val 2', cost: 'val 3'

javascript arrays object

5
推荐指数
1
解决办法
144
查看次数

如何在 Vue js 中使来自 localStorage 的数据具有反应性

我在 Vue js 项目中使用 localStorage 作为数据源。我可以读写,但找不到一种被动使用它的方法。我需要刷新才能看到我所做的任何更改。

我使用数据作为多个组件的道具,当我localStorage从组件写入时,我forceUpdate使用该updateDate方法在主 App.vue 文件上触发 a 。

强制更新在这里不起作用。有什么想法可以在不刷新页面的情况下完成此任务?

...............
data: function () {
        return {
            dataHasLoaded: false,
            myData: '',
        }
    },
mounted() {
        const localData = JSON.parse(localStorage.getItem('myData'));
        const dataLength = Object.keys(localData).length > 0;
        this.dataHasLoaded =  dataLength;
        this.myData = localData;
    },
methods: {
    updateData(checkData) {
        this.$forceUpdate();
        console.log('forceUpdate on App.vue')
    },
},
...............
Run Code Online (Sandbox Code Playgroud)

javascript local-storage vuejs2

4
推荐指数
2
解决办法
5178
查看次数

Emberjs:使用 args 作为跟踪属性

我正在执行存储查询,controller然后将结果传递给子组件。

// Controller
@tracked comment;

@action
async fetchComment() {
  const comment = await this.store.query('note', {
    filter: {
      listing: this.listing.id,
    },
  });

  if (comment && comment.length > 0) {
    this.comment = comment.firstObject;
  }
}


// Template
<MyComponent @comment={{this.comment}} />
Run Code Online (Sandbox Code Playgroud)

我想使用 arg 来填充子组件中的跟踪属性。

// Component
@tracked comment = this.args.comment;
Run Code Online (Sandbox Code Playgroud)

我发现这不起作用,但作为吸气剂效果很好。但是,使用吸气剂时,我无法在删除该记录时将其设置为空。

我还尝试在中设置跟踪属性,Constructor但这也不起作用。

promise我怀疑这与传入 a或store objectargs有关,因为这对于静态数据来说效果很好。

ember.js

2
推荐指数
1
解决办法
1692
查看次数

以逗号分隔的以 querySelector 分隔的输出数组

我正在使用https://www.npmjs.com/package/qs 中的querySelector ,我想将数组输出为逗号分隔的字符串。

我从 URL 搜索字符串开始,然后使用解析它,qs然后尝试qs stringify返回格式化字符串的方法。

const sUrl = 'a=1&b=1&c=1&c=2&c=3';
const oData = qs.parse(sUrl);
// oData returns: 
{
  a: 1,
  b: 1,
  c: ['1', '2', '3']
}
const sData = qs.stringify(oData);
// sUrl returns: 'a=1&b=1&c%5B0%5D=1&c%5B1%5D=2&c%5B2%5D=3'
Run Code Online (Sandbox Code Playgroud)

我希望输出是: a=1&b=1&c=1,2,3

javascript npm

1
推荐指数
1
解决办法
1583
查看次数

标签 统计

javascript ×4

arrays ×2

object ×2

ember.js ×1

local-storage ×1

npm ×1

vuejs2 ×1