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秒 | 792 viewPlayCanvasのOrbit-cameraを制御して指定位置にカメラを移動させる
2023年2月27日(月) 10時7分43秒 | 230 viewmicroCMSにプリセットで入っているimgixを利用してお手軽に動的OGPを設定する
2021年9月6日(月) 14時33分9秒 | 196 viewどうしてもローカルでPDFを1枚ずつJPEG化したい
2024年8月2日(金) 2時17分3秒 | 48 viewWebの変更をLINEに通知する仕組みを提供するサービスをココナラに出品しました
2020年10月25日(日) 2時50分32秒 | 33 view