vue.js实现自定义输入分页

效果如下：

html：

<input type="text" value="1" v-model="page.page_my_selected" @blur="onBlur">

js：

dara(){return {page:{page_my_selected:1}}
}onBlur() {if (this.page.page_my_selected == null ||this.page.page_my_selected == undefined ||this.page.page_my_selected == "") {this.page.page_my_selected = 1;}let reg = /^\d+$/;// 输入字符串if (!reg.test(this.page.page_my_selected)) {if (reg.test(this.page.page_my_selected.substr(0, 1))) {this.page.page_my_selected = parseInt(this.page.page_my_selected);} else {this.page.page_my_selected = 1;}}/    / console.log(reg.test(this.page.page_my_selected))},

转载于:https://www.cnblogs.com/cap-rq/p/10294718.html

vue.js实现自定义输入分页相关推荐

html vue分页,Vue.js bootstrap前端实现分页和排序
写之前先抱怨几句.本来一心一意做.net开发的,渐渐地成了只做前端.最近项目基本都用java做后台,我们这些.net的就成了前端,不是用wpf做界面,就是用html写web页面. 深知自己前端技术不足 ...
【说人话】真正意义上讲清楚了如何用$emit()在Vue.js的自定义组件中实现v-model=“”双向绑定
子组件sg-component.vue代码 <template><div class="sg-component"><button @click=&q ...
Vue.js 表单输入绑定
基础用法你可以用 v-model 指令在表单 <input>.<textarea> 及 <select> 元素上创建双向数据绑定.它会根据控件类型自动选取正确的方 ...
用vue.js在页面输入古诗
枫桥夜泊古诗乃是中华文化的一部分,也是深深刻入骨髓的记忆,身为中国人你要说不会背古诗多少有点说不过去,对的起李白,杜甫等诗人嘛,多少有点对不起.那么结合自己所学怎么不得显得自己不单单会背呢. 代码. ...
vue 验证是否数字类型_vue.js如何判断输入的是不是数字
vue.js判断输入是否为数字的方法:首先,创建前端样本文件:然后在vue中使用正则表达式"var num reg =/" 本教程的操作环境:windows7系统,2.0版,此方法 ...
浅析Vue.js 中的条件渲染指令
1 应用于单个元素 Vue.js 中的条件渲染指令可以根据表达式的值,来决定在 DOM 中是渲染还是销毁元素或组件. html: <div id="app"> < ...
vue.js实现带表情评论功能前后端实现（仿B站评论）
文章目录学习链接效果图后台建表评论表(重要) 用户表实体类 Comment User CommentDTO(重要) WebConfig配置配置跨域和静态资源文件夹 Mybatisplus ...
使用 Vue.js 构建 VS Code 扩展
使用 Vue.js 构建 VS Code 扩展 Visual Studio (VS) Code 是开发人员在日常任务中最喜欢使用的代码编辑器之一.它的构建考虑到了可扩展性.在某种程度上,VS Code ...
Vue组件及自定义事件
目录 Vue.js 组件动态 Prop Prop 验证 Vue.js 组件 - 自定义事件 data 必须是一个函数
Vue.js（8）- 父组件给子组件传值
父组件给子组件传值原理:属性绑定第一步:建立连接 B.vue <template><div><h3>这是B.vue文件内容</h3><h4> ...

vue.js实现自定义输入分页

vue.js实现自定义输入分页相关推荐

最新文章

热门文章