URLを発行したりしたときにコピーさせやすくするためのアレです
こんなふうにテキストボックスを用意します
<b-input
ref="selectablebox"
readonly
id="inline-form-input-name"
value="コピーしたいテキスト"
@click="select($refs.selectablebox)"
></b-input>
methodsにselect()を作成します
select : function(target){
if(target.$el){
target.$el.select();
}
}
以上。
注意点:
refを利用してその後に$el
で参照しているため
Vueコンポーネント化されたDOMに対してのみしか動きません。
なのでデモではbootstrapのb-input
を利用しています。
vue-scrolltoとv-b-scrollspyが共存したらかっこよかった
2021年12月1日(水) 16時37分57秒 | 134 viewPlayCanvas Editor APIで面倒な作業を自動化する
2022年4月18日(月) 6時39分30秒 | 101 view会社のテックブログを勝手に爆速にしてみた
2021年2月1日(月) 14時22分18秒 | 91 viewGithub Codespaces試してみた
2020年10月24日(土) 16時7分6秒 | 85 view目次をデフォルトで開いたり、開いたり閉じたりを検出したい
2020年10月30日(金) 9時52分28秒 | 82 view