QML 定义了一个 object 属性

Question

I am trying to create a map in QML, the only way I've found to do this is:

    readonly property variant translate: { "Hello" : "123" }

Then in the QML I can get 123 by using:

    idOfItem.translate["Hello"]

This works fine and when doing this I get "123" returned as desired. Now what I want to do is define another property to replace "Hello" which can be used in the QML, ideally something like:

    readonly property string strHello: "Hello"
    readonly property variant translate: { strHello : "123" }

Then in the QML:

    idOfItem.translate[idOfItem.strHello]

This doesn't work and when trying to put strHello into the initial definition a read underscore appears under ":".

Can this be resolved?

Answer 1

This is more of a JavaScript question/issue.

You can create an object with dynamic property names, but not at declaration/initialization time. You have to do it dynamically, eg.:

readonly property string strHello: "Hello"
property var translate: ({})

function populate() {
  translate[strHello] = "123";

  console.log(translate[strHello]);
}

Component.onCompleted: populate();

See the following question, for example, but note that QtQuick doesn't support ES6. Is it possible to add dynamically named properties to JavaScript object?