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
を利用しています。
mailchimpのフッターから自分の住所を削除する
2021年6月7日(月) 1時11分14秒 | 1167 viewグリグリリック 開発秘話
2020年12月8日(火) 4時30分37秒 | 148 viewiPad ProからWindows 11ProのHyper-V上のWindows10 Pro VMにリモートデスクトップする
2023年2月16日(木) 3時33分4秒 | 145 viewmarkdownエディタ「Tale」をリリースしました。
2023年12月4日(月) 15時24分57秒 | 63 viewNCMBのスクリプト機能はGETでいいなと思ってもPOSTで設定しておこう
2021年3月6日(土) 18時29分49秒 | 42 view