當(dāng)余額撐不起興趣的時(shí)候,所有的愛好都應(yīng)該是賺錢

我的github: 李大玄
我的私人博客: 李大玄
我的npm開源庫: 李大玄
我的簡(jiǎn)書: 李大玄
我的CSDN: 李大玄
我的掘金: 李大玄
嗶哩嗶哩: 李大玄
語雀文檔: 李大玄

這里只是一個(gè)按鈕一個(gè)輸入框的一個(gè)簡(jiǎn)單演示, 如果涉及到循環(huán)的地方, 在id的地方加上索引就可以了, 我已經(jīng)試過了

在這里插入圖片描述

<template>
  <div class="">
    <el-button type="primary" @click="concatStr">新增</el-button>
    <el-input v-model="ipt" id="ipt"></el-input>
  </div>
</template>

<script>
export default {
  data() {
    return {
      ipt: '',
    };
  },
  methods: {
    concatStr() {
      this.insertInputTxt('ipt', '這是插入的內(nèi)容');
    },
    // 插入字符串
    insertInputTxt(id, insertTxt) {
      var elInput = document.getElementById(id); // 獲取dom
      var startPos = elInput.selectionStart;
      var endPos = elInput.selectionEnd;
      if (startPos === undefined || endPos === undefined) return;
      var txt = elInput.value;
      var result = txt.substring(0, startPos) + insertTxt + txt.substring(endPos);
      elInput.value = result;
      // 這里比較重要 **給最終綁定的參數(shù) 進(jìn)行賦值
      this.ipt = result; // 賦值
      elInput.focus();
      this.$nextTick(() => {
        elInput.selectionStart = startPos + insertTxt.length;
        elInput.selectionEnd = startPos + insertTxt.length;
      });
    },
  },
};
</script>