altenterorenter
Version:
Enter 发送，Alt+Enter 换行
41 lines (36 loc) • 1.11 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="https://unpkg.com/vue@3"></script>
<script src="https://unpkg.com/@vueuse/shared"></script>
<script src="https://unpkg.com/@vueuse/core"></script>
<script src="../src/index.js"></script>
<script>
const { useEventListener } = VueUse;
const { createApp, ref, watch } = Vue;
useEventListener(window, 'load', (e) => {
const app = createApp({
directives: { altEnterOrEnter },
setup() {
const text = ref("");
function handleEnter(e) {
console.log("Enter", e);
}
watch(text, (val) => console.log(val))
return { text, handleEnter };
}
});
app.mount("#app");
});
</script>
</head>
<body>
<div id="app">
<textarea v-alt-enter-or-enter="handleEnter" v-model="text"></textarea>
</div>
</body>
</html>