當(dāng)余額撐不起興趣的時(shí)候,所有的愛(ài)好都應(yīng)該是賺錢
我的github: 李大玄
我的私人博客: 李大玄
我的npm開(kāi)源庫(kù): 李大玄
我的簡(jiǎn)書(shū): 李大玄
我的CSDN: 李大玄
我的掘金: 李大玄
嗶哩嗶哩: 李大玄
語(yǔ)雀文檔: 李大玄
這里只是一個(gè)按鈕一個(gè)輸入框的一個(gè)簡(jiǎn)單演示, 如果涉及到循環(huán)的地方, 在id的地方加上索引就可以了, 我已經(jīng)試過(guò)了
在這里插入圖片描述
<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>
