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を利用しています。
反Apple信者の私が移動用のメインマシンをiPad Pro(第5世代) 12.9インチに変えてからしばらく経ったので現在の構成を紹介
2022年8月9日(火) 15時27分41秒 | 1060 viewなるべく楽にUnityからPlayCanvasへヒエラルキーごと3Dモデルを移植する
2021年8月17日(火) 2時29分33秒 | 598 viewキミを探す、夏 開発秘話
2021年11月5日(金) 22時43分0秒 | 498 viewAmong us向けヘルパーツールを作りました「Among us ビジュアルヘルパー」
2021年3月8日(月) 15時23分32秒 | 244 view埋め込み要素(iframe / embed)をいい加減対応させたい
2021年6月9日(水) 1時2分54秒 | 78 view