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
を利用しています。
Among us向けヘルパーツールを作りました「Among us ビジュアルヘルパー」
2021年3月8日(月) 15時23分32秒 | 119 view埋め込み要素(iframe / embed)をいい加減対応させたい
2021年6月9日(水) 1時2分54秒 | 65 viewnovelで書いたmarkdownを保存できるようにする
2023年11月28日(火) 16時48分34秒 | 56 viewimagekit.ioで画像をアップロードしたときにランダム文字列が末尾につかないようにする
2021年1月15日(金) 4時24分0秒 | 33 viewbacknumberを実装した
2020年10月21日(水) 9時34分34秒 | 15 view