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
を利用しています。
11/28を過ぎて停止したHerokuアプリを課金して復旧した方法
2022年12月6日(火) 4時50分5秒 | 138 viewChatGPTへのアクセスを簡単にする方法
2023年4月6日(木) 8時18分33秒 | 80 viewThunderbirdのトップに格言を表示してメーラーを開くたびにテンションが上がるようにした
2022年6月7日(火) 7時50分49秒 | 51 viewGithub Codespaces試してみた
2020年10月24日(土) 16時7分6秒 | 47 viewtweetlogを作った
2020年10月10日(土) 3時22分55秒 | 27 view