Question

我从Google地图创建了一个InfoWindow，我想在content属性内放置一个vue组件（特别是一个输入）并将其绑定到数据。我也在使用vuetify，如果可能的话，我想使用它的VTextfield组件。如果没有，那么定期输入也是可以的。

示例：

数据

data () {
  return {
    inputVal: null
  }
}

方法

renderInfoWindow () {
  let input = /* create an input and bind it to inputVal  */
  return new google.maps.InfoWindow({
    content: input
  })
}

Answer 1

根据文档中的Template Compilation部分，

<input v-model="inputVal">

是此渲染功能：

function anonymous(
) {
    with(this){
        return _c('input', {
            directives: [{
                name: "model",
                rawName: "v-model",
                value: (inputVal),
                expression: "inputVal"
            }],
            domProps: { "value": (inputVal) },
            on: {
                "input": function($event) {
                    if ($event.target.composing)
                        return;
                    inputVal=$event.target.value
                }
            },
        })
    }
}

我还没有使用过渲染功能，所以我希望这是您所需要的。

如何将数据绑定到使用this。$ createElement创建的元素

1 个答案: