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
を利用しています。
PCからGoogleホームアプリを使いたい
2022年9月12日(月) 7時53分11秒 | 7147 viewPowershellのgitではpushできるのにVSCodeのgit(GUI)ではpushできない問題
2021年11月25日(木) 2時30分15秒 | 2293 viewWindows11でダークモードにした際にChromeでCSSが変更されて見えづらくなってしまう問題を解決した
2022年2月24日(木) 12時49分57秒 | 96 viewtweetlogを作った
2020年10月10日(土) 3時22分55秒 | 29 view健康生活
2020年11月5日(木) 14時57分32秒 | 6 view