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
を利用しています。
PowershellのgitではpushできるのにVSCodeのgit(GUI)ではpushできない問題
2021年11月25日(木) 2時30分15秒 | 1547 viewmailchimpのフッターから自分の住所を削除する
2021年6月7日(月) 1時11分14秒 | 833 viewエンジニアが「社会人サークル」を始めるべきである7つの理由
2022年8月16日(火) 14時29分57秒 | 223 viewLIFF(LINE)ブラウザでwindow.prompt()が期待する動作をしない
2021年10月16日(土) 14時22分50秒 | 58 viewPlayCanvasのOrbit-cameraを制御して指定位置にカメラを移動させる
2023年2月27日(月) 10時7分43秒 | 42 view