vue实现在el-input文本中拼接一段文字链接

在Vue中，如果你想实现在`<el-input>`组件的文本框中动态拼接一段文字链接，你可以这样做：

首先，在HTML部分，引入Element UI库并创建一个`el-input`元素：

<template>
  <div>
    <el-input v-model="linkText" placeholder="请输入文字"></el-input>
    <button @click="appendLink">添加链接</button>
  </div>
</template>

然后，在JavaScript部分，定义数据属性`linkText`存储输入的文字，以及一个方法`appendLink`用于处理点击事件并在文字后面拼接链接：

<script>
export default {
  data() {
    return {
      linkText: '',
      link: 'https://example.com' // 这是你想要拼接的链接
    };
  },
  methods: {
    appendLink() {
      this.linkText += ' (' + this.link + ')';
    }
  }
};
</script>

在这个例子中，当你在`el-input`中输入文字，点击“添加链接”按钮后，会在当前输入的文字后面自动加上一个圆括号括起来的链接。