vue / H5 нажмите, чтобы скопировать динамический контент (номер мобильного телефона)

После наступления на яму, если скопированный контент проходит через интерфейс, не используйте буфер обмена vue

(Давайте сначала поговорим о результатах. Если вы используете его, есть ошибки, вам нужно дважды щелкнуть, чтобы скопировать их. В Интернете есть стратегии, которые указывают на триггер один раз перед щелчком. Но в Curry будет две записи для поиска. .Если рядом, нужно поискать на CDN. Благодарю)

И вот в чем дело. Разве нативная репликация вызовов не хороша?

(Необходимо внедрить плагины и использовать больше нативных, чтобы извлечь выгоду из написания H5 в будущем)

<el-button size="mini" type="primary" @click="copy(xx)" >复制</el-button>

Переменная copyData должна быть объявлена ​​посередине

async copy(id) {
    
    
                let res=await api_u.getphone({
    
    activityUserId:id})
                this.copyData=res
                var oInput = document.createElement('input'); 
                oInput.value = this.copyData; 
                document.body.appendChild(oInput); 
                oInput.select(); // 选择对象 
                document.execCommand("Copy"); // 执行浏览器复制命令 
                oInput.className = 'oInput'; 
                oInput.style.display='none'; 
                this.$message.success("复制成功!")
            }

Зачем создавать дом? Просто делай как есть ... Просто скопируй, и все получится, я этого не понимаю ~ ха-ха. Я вернусь, чтобы добавить это, когда подумаю.
————
Создайте объект dom (ввод), присвойте ему значение, добавьте новый объект в тело (объект dom), смоделируйте поведение пользователя, выберите его и выполните копирование. Добавьте класс css к новому объекту, а затем скройте элемент dom (потому что, когда добавляется элемент dom, на странице будет так много html ~)

рекомендация

отblog.csdn.net/weixin_45629623/article/details/109540176