Бармалей

Asked:2022-06-17 05:36:37 +0000 UTC2022-06-17 05:36:37 +0000 UTC 2022-06-17 05:36:37 +0000 UTC

如何复制/创建/粘贴 vue 组件？

我有一个包含多个输入的组件（见图）

当您单击添加按钮（加号）时，必须在下面重复。

如何实施？

试过 Vue.createApp(COMPONENT_NAME).mount('#mount-point') 但控制台发誓

Best Answer

Бармалей

在 data() 中创建一个数组

inputs: []

单击按钮时：

this.inputs.push({
    placeholder: this.inputsPlaceholder // Любое значение, у меня переменная
  })

在主要组件中：

<div v-for="input in inputs" :key="input.id">
    <inputs:placeholder="input.placeholder"/>
</div>

输入组件：

<div class="input-wrapper">
  <div class="input-title">input*</div>
  <input type="text" name="" required :placeholder="placeholder">
</div>

相关问题