(vue.js)vue 受限组件？

关于网友提出的“(vue.js)vue 受限组件？
”问题疑问，本网通过在网上对“(vue.js)vue 受限组件？
”有关的相关答案进行了整理，供用户进行参考，详细问题解答如下：

问题：(vue.js)vue 受限组件？
描述:

最近从react转vue，尝试限制用户输入，比如输入内容只能为number，否则不改变值，在react里有受限组件所以很容易做到，但是vue里我尝试用react的方法貌似不行。。

通过正则过滤，达到了authorId只能为纯数字的目的，但是在页面上input就算输入不是数字也会显示
尝试用div输出authorId，是只输出符合要求的内容。

问题：不用过滤器，怎么才能使input达到div的效果，只输出符合要求的内容(同步视图和数据)

部分代码

template

mutation

    [types.CHANGE_AUTHORID] (state, value) {
        if (!/^\d*$/.test(value))
            return
        state.authorId = value
    }

目前暂时的解决方案：type="number" 不是通用解决方案（当需求不再是数字的情况）

---

解决方案1:

https://segmentfault.com/a/1190000005004216

解决方案2:

用vue-validate吧，这是官方推荐的手段。

或者自己手写component

解决方案3:

这个你的用计算属性实现吧

以上介绍了“(vue.js)vue 受限组件？”的问题解答，希望对有需要的网友有所帮助。
本文网址链接：http://www.codes51.com/itwd/1350203.html