[vue] input点击获取焦点时,选中当前input文字,方便输入

效果图

[vue] input点击获取焦点时,选中当前input文字,方便输入_第1张图片

说明:兼容性未测试


<html>
	<head>
		<meta charset="utf-8">
		<title>input获取焦点选中文字title>
		<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js">script>
	head>
	<body>
		<div id="app">
			<input v-model="val" @focus="onFocus($event)" />
		div>
	body>

	<script>
		const vm = new Vue({
			el: '#app',
			data() {
				return {
					val: 123456
				}
			},
			methods: {
				onFocus(event) {
					event.currentTarget.select();
				}
			}
		})
	script>
html>

你可能感兴趣的:([vue] input点击获取焦点时,选中当前input文字,方便输入)