代碼段

欢迎使用Markdown编辑器

你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。

输入框字数限制

{{this.titleMaxLength - this.text.length}}/30

export default {
data() {
return {
titleMaxLength: 30,
text: “”
};
},
methods: {
watch: {
text() {
if (this.text.length > this.titleMaxLength) {
this.text = String(this.text).slice(0, this.titleMaxLength);
}
}
}
}
};

失去焦点正则判断

<mt-field
label=“电话”
class=“massage_text”
placeholder=“请输入您的联系方式 >”
type=“tel”
v-model=“phone”
@blur.native.capture=“checkInputPhone”
:state=“PhoneStatus”
>

data() {
return {
PhoneStatus: “”
};
},
methods: {
checkInputPhone() {
var regex =/^1([38][0-9]|4[579]|5[0-3,5-9]|6[6]|7[0135678]|9[89])\d{8}$/;
var phone = this.phone;
if (!regex.test(phone)) {
this.PhoneStatus = “error”;
} else {
this.PhoneStatus = “success”;
}
}
}
};

vue字符串操作

{{word.substr(0,66)}}

data() {
return {
word:
“来电内容是这里的信息内容里的这里的这里的信息来电内容内容里的信”,
};
},