Javascript VUE如何替换json变量

我在

data（）

JSON和url变量中定义了：

data() {
return {
  url: '',
  startsession: {
    cmd: 'start',
    width: 1024,
    height: 800,
    url: 'https://www.test.com',
    token: '',
    service_id: 1,
    thumbnail_width: 100,
    thumbnail_height: 100,
  },

url已分配给输入：

<b-form-input v-model="url" />

我还有一个按钮：

<b-button
    @click="sendMessage(startsession)"
  >

---

您能帮助我，如何用输入中的url变量替换JSON中的“url”参数，当我单击按钮时，“sesstionstart”JSON将具有输入值吗？

您可以使用方法。首先，定义一个名为sendMessage的方法，然后使用

this

访问变量，并用url更新startsession.url

methods: {
    sendMessage () {
        this.startsession.url = this.url
    }
}

---

确保您的b-form-input组件具有如下语法：

在base中，您将url作为prop传递给b-form-input，在这个子组件中，您需要发出一个事件来告诉父级url的值已更改。然后，只需使用sendMessage方法，比如@Yash