[vue] 鼠标滑动选中数据 window.getSelection()

<template>
	<el-input v-model="value"></el-input>
</template>

<script lang="ts">
import { defineComponent, toRefs, reactive } from 'vue';
import { defineComponent, toRefs, reactive, onMounted } from 'vue';
export default defineComponent({
	name: 'home',
	setup() {
		const state = reactive({
			value: '',
		});
		onMounted(() => {
			document.addEventListener('mouseup', () => {
				const str = window.getSelection()?.toString();
				state.value = str === '' ? state.value : str;
			});
		});
		return {
			...toRefs(state),
		}
	}
});
</script>

<style scoped lang="scss">
.home {}
</style>