我有我創建的這個表單，基本上它的作用是在每次單擊 ADD_INPUT 按鈕時創建一個具有隨機值的新輸入。我想要的是每次我創建一個帶有隨機值的新 INPUT 時，該值都會被選中。對不起，我的英語很差。
我嘗試創建一個新的自定義指令，如下所示：
directives: {
focusInput: {
// directive definition
mounted(el) {
el.select()
}
}
},
但它打破了idy
uj5u.com熱心網友回復：
霍伊可以使用 select()
new Vue({
el : '#app',
data : {
text: 'some text'
},
methods : {
select() {
this.$refs.input.select();
},
},
mounted() {
this.select()
}
});<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
<button @click="select">ADD_INPUT</button>
<input type="text" v-model="text" ref="input">
</div>組合API
setup() {
const input = ref(null)
function select() {
input.value.select()
}
return {
input,
select
}
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/385866.html
上一篇：等待影像完成上傳以觸發代碼