如何实现控制input输入字数

cycle丶

超过规定字数就弹窗提示？

xuetianshi

可通过this.$watch()监测input组件的输入值和@change事件，当输入值超过限定字数给出弹窗提示。

1. <input class="input-text" id="text1" value="{{content}}" style="placeholder-color:#FF0000;" @change="handleInputValueChanged"></input>

1. test(e) {

2. this.$watch('this.content', 'handleInputValueChanged')

3. },

4. handleInputValueChanged: function (e) {

5. var that = this;

6. var inputText = e.value;

7. console.log('handleInputValueChanged:' + this.content);

8. if (inputText.length >= 5) {

9. console.log('value length greater than 5');

10. prompt.showToast({

11. message: "消息最长为5",

12. gravity: 'center'

13. })

14. }

15. },