点击按钮，复制el-input里面的内容，并放入新字段

您可以使用以下代码来实现此功能：

<template>
  <div>
    <el-input v-model="inputValue"></el-input>
    <el-button @click="copyInputValue">复制</el-button>
    <el-input v-model="copiedValue"></el-input>
  </div>
</template>

<script>
export default {
  data() {
    return {
      inputValue: '',
      copiedValue: ''
    }
  },
  methods: {
    copyInputValue() {
      this.copiedValue = this.inputValue
    }
  }
}
</script>

这里我们定义了两个 `el-input` 组件，一个用于输入内容，另一个用于显示复制后的内容。我们还定义了一个 `el-button` 按钮，点击它将会把输入框内的内容复制到另一个输入框中。

在 `copyInputValue` 方法中，我们使用 `this.inputValue` 来获取输入框内的内容，并将其赋值给 `this.copiedValue`，从而实现复制的功能。

相关问题

vue点击按钮怎么复制el-input里面的文本，放入新的字段中

可以使用以下步骤来实现这个需求：

1. 在模板中，给 el-input 组件添加一个 ref 属性，以便在代码中引用它：

<el-input ref="inputField" v-model="inputText"></el-input>

2. 在数据中定义一个 inputText 变量来绑定 el-input 组件的值：

data() {
  return {
    inputText: ''
  }
}

3. 在按钮的点击事件处理函数中，获取 el-input 组件的值，然后将其复制到新的字段中：

methods: {
  copyText() {
    const textToCopy = this.$refs.inputField.$refs.input.value // 获取 el-input 值
    this.newField = textToCopy // 将值复制到新的字段中
  }
}

其中，`this.$refs.inputField.$refs.input.value` 可以获取到 el-input 组件的值，`this.newField` 是需要复制到的新字段。