vue中自定义rule进行校验input框只能为数字
vue
<el-input v-model="age" maxlength="3"/>
js
const isNum = (rule, value, callback) => {
const age= /^[0-9]*$/
if (!age.test(value)) {
callback(new Error('年龄只能为数字'))
}else{
callback()
}
}vue-js
rules: {
age: [
{ required: true, message: '请输入年龄', trigger: 'blur' },
{ validator: isNum, trigger: 'blur' }
],v-charts 图表的一些简单用法 1.v-charts修改颜色的方法
自动生成元素的onclick事件 event.target返回触发事件的元素 event.currentTarget返回绑定事件的元素
使用原生JS替换节点，使用jquery进行替换节点
js 正则过滤 style 行内样式 及 style 属性
我们组装了一个contenteditable的div并且提供了v-model功能
简单说一下业务场景，前台用户通过input输入内容，在离开焦点时，将内容在div中显示。 这时遇到一个问题，如果用户输入了html标签，则在div显示中，标签被解析。 由于是纯前端操作，不涉及后端，因此需要通过js对输入内容进行转义。
this.$slots.default
为了实现这个功能，我最先想的是改造一个 <textarea> 然后我想到了 contenteditable (链接指向 mozilla.org) 这一属性 这是一个 html5 的属性，可以让元素内容可编辑
在 vue-cli3 项目中，通过highlight.js，实现页面中代码高亮。 请先了解highlight.js官网中的使用说明。
在 vuepress 刚出时，我就觉得这是个很值得追更的开源项目。果不其然，里面众多的前端编程技巧让我受益良多。 于是在周末这种日子里，人家追剧我追码。 今天，我就和大家分享下 vuepress 是如何做到在 Markdown 中使用 Vue 语法的。