首页 > 编程语言 >app直播源码,Vue 禁止输入框输入空格

app直播源码,Vue 禁止输入框输入空格

时间:2023-09-14 14:12:08浏览次数:51  
标签:Vue text app 空格 输入框 源码

app直播源码,Vue 禁止输入框输入空格

 

<template>
  <div>
    <input
      type="text"
      v-model="text"
      @input="(e) => text = e.target.value.replace(/\s/g,'')"
    >
  </div>
</template>
<script setup>
import { ref } from 'vue'
let text = ref(undefined)
</script>

以上就是 app直播源码,Vue 禁止输入框输入空格,更多内容欢迎关注之后的文章

 

标签:Vue,text,app,空格,输入框,源码
From: https://www.cnblogs.com/yunbaomengnan/p/17702344.html

相关文章

  • 直播app开发,CSS3动画实现左右无缝滚动图
    直播app开发,CSS3动画实现左右无缝滚动图<viewclass="shortList_con"><viewclass="scrollCon":style="'width:'+(shortRouteList.length)*210+'rpx'"><viewclass="shortItem"v-for="(item,index......
  • 三星大拿讲appstore和电商
    哈哈,最近一直忙于工作,没怎么上来写blog。继上次请华为两位老师来讲互联网云服务后,上周三的午间培训我们团队又请来一位重量级人物--来自三星(中国)的闫老师讲AppStore和电商的相关知识。在此首先感谢闫老师!其次,通过闫老师的精彩讲解,我对互联网/移动互联网行业又有了新的认识,真是大......
  • 万字长文带你全面掌握Vue3
    在2020年9月19日,vue更新了3.0的正式版,不知不觉,已经过去了好几个月了,作为一位前端切图仔,是时候开始学习了,每次抱着准备学、再等等、明天说的想法,成功在发布了两个多月的时候来认真学习了一波,这里来总结一下vue3到底有哪些更新,来帮各位没有时间去了解vue3的朋友来一次快速入门。如何......
  • JMS connection pools and sessions pools in WebSphere Application Server
    转载:[url]http://www-01.ibm.com/support/docview.wss?uid=swg21168924QuestionFrequentlyAskedQuestionsconcerningconnectionpoolsandsessionspoolsinIBM®WebSphere®ApplicationServer.AnswerQ:WebSphereMQQueueConnectionFactoriesinWebSphere......
  • Ubuntu boost源码安装
    卸载boost库sudorm-f/usr/local/lib/libboost*sudorm-rf/usr/local/include/boostsudorm-r/usr/local/lib/cmake/boost*sudorm-r/usr/local/lib/cmake/Boost*下载需要的boosthttps://www.boost.org/users/history/wgethttps://boostorg.jfrog.io/artifac......
  • vue-unsaved-changes-dialog 在桌面页面上,弹出窗会跟随鼠标显示
    简介及使用教程这是一个漂亮的未保存变更对话框,有以下特点:有保存、丢弃和取消三个按钮在桌面页面上,弹出窗会跟随鼠标显示显示隐藏动画流畅智能避免弹出在窗口边缘并且随窗口大小调整自动适应完全自适应:在移动设备上全屏显示键盘可导航可访问所有的文案都可以替换更......
  • vue项目打包编译后如何修改后台请求地址
    1、在public文件夹下新建config.js文件2、config.js文件中,编写配置地址代码 3、在index中引入js文件 4、使用config.js中的变量,vue页面,js页面都可以用window.setURL.publicBaseUrl ......
  • vue的model选项
    vue中的v-model指令实现了表单的双向绑定,官网例子:<inputtype="text"v-model="message"/><p>{{message}}</p>其实v-model只是语法糖,真正的实现形式:<inputtype="text":value="message"@input="message=$event.target.value&......
  • Vue二维码组件
    1.前言该组件依赖qrcode.js与element-ui支持二维码大小配置,点击大图预览该组件以vue文件形式进行封装,需要配置httpVueLoader插件进行引入,其他格式请自行更改源码2.使用方法引入依赖<linkhref="https://cdn.bootcdn.net/ajax/libs/element-ui/2.15.13/theme-chalk/index......
  • uni-app 自定义头部 安全距离
    APP.vue  divHeight:'', paddingHeight:'',方法uni.getSystemInfo({ success:(res)=>{ //获取到手机状态栏的高度 letmenuButtonInfo=uni.getMenuButtonBoundingClientRect() console.log('右边胶囊信息',menuButtonInfo) ......