Question

我对Vue.js有一些问题。在我的组件中，我通过引用获得了其他组件，我需要将其某些属性从纯文本更改为具有预定义文本的输入。

我的方法如下：

 addCustomItem(event){      
                let grid = this.$refs.customItemGrid.items;
                //Grid alredy have 2 items with amount property

                //this is what i need to do... (Now amount is just value (f.e. 42)
                grid[0].amount = <b-form-select>  grid[0].amount <b-form-select>;
                //but i can't pass tag to variable like this.
            }

// Množství表示我的语言中的金额。 Final Grid

Answer 1

不可能，因为它不是html代码，而是组件。您可以通过v-html指令中的html进行传递，但不适用于组件。

可能的解决方案。

在模板中：

<b-form-select v-if="grid[0]">{{grid[0]}}<b-form-select>

在脚本中

data: {
  return {
    grid: []
  }
},
methods: {
  addCustomItem (event) {      
    this.grid = this.$refs.customItemGrid.items;
  }
}

可以将html元素放在Vue.js中的变量中吗？

1 个答案: