VUE自定义指令去除element输入框的空格（同时防止光标抖动）

最新推荐文章于 2023-10-31 11:41:52 发布

Yasuo Man

最新推荐文章于 2023-10-31 11:41:52 发布

阅读量1.6k

点赞数 1

分类专栏： Vue

本文链接：https://blog.csdn.net/Meraln/article/details/109849275

版权

这篇博客介绍了如何在Vue TypeScript项目中创建一个自定义指令`v-removeSpace`，用于从Element UI输入框中删除空格，并防止光标位置异常抖动的问题。作者提供了`removeSpace.ts`的代码实现，并说明在`main.js`中引入该指令的方法，以及如何在模板中正确使用该指令。

摘要由CSDN通过智能技术生成

技术能力有限，代码写法比较粗糙，各位大佬借鉴一下就好，但我可保证这是我个人原创而且真实可用。
项目是ts的项目，如果想用到js的项目，改一下代码的写法就可以了
removeSpace.ts

import Vue, {
    DirectiveOptions } from 'vue'

const directive: DirectiveOptions = {
   
  componentUpdated (el, {
    value, modifiers }) {
   
    // // 获取真实的inputDOM元素
    let input:any = el.children[0]