logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

element-ui 表单验证规则不生效原因 & 为什么使用:model

element-ui 表单验证规则不生效原因 & 为什么使用:model在使用element-ui的表单时,我们会看到如下代码,在el-form标签中使用 :model,在el-form-item项里面的文本框使用的是 v-model,这里,使用:model的作用仅仅是将父组件的数据loginForm传递给子组件,并没有实现子组件和父组件数据的双向绑定。当然引用类型除外,子组件改变引用类型

#vue.js#前端
在Vue项目中如何去掉eslint校验

在Vue项目中如何去掉eslint校验在.eslintrc.js配置文件中,注释掉如下代码,即可

前端图片加载失败显示默认图片,onerror不生效,onerror用法

前端图片加载失败显示默认图片HTML部分,给img标签添加属性onerror绑定下面的imgOnerror方法<img :onerror="imgOnerror" :src="imageURL"/>以下是vue3写法,先导入图片,再复制,直接给img.src赋值图片路径,可能会导致图片路径识别失败,onerror属性不生效主要还是看路径是否正确// 第一步导入默认图片const IMG

#前端#vue.js
el-table实现动态列,列数根据接口返回

vue,element-ui中el-table实现动态列,列数根据接口返回solt="header"是为了插入表头的,这里遍历listStudent[0],是因为表头都一样,所以取第一行数据的字段做为表头即可<template><div><el-table :data="listStudent"><el-table-column label="id" pr

axios与axios.create()的区别

参考原文:https://www.cnblogs.com/fsg6/p/13204365.htmlaxios.create()是添加了自定义配置的新的axios例如:用axios发送请求:axios({method:'POST',url:'http://localhost:8000/login',data})用axios.create()创建一个新的axios发请求:cosnt requset =

在表单验证当中,this.$refs.form.validate方法不执行

在表单验证当中,this.$refs.form.validate方法不执行addUser() {console.log(12);// 可以执行this.$refs.addFormRef.validate((valid) => {console.log(valid); // 不执行});}注:html代码如下<el-dialog title="添加用户" :visible.sync="a

el-form表单校验 动态添加el-form-item rules用法,嵌套表单校验

el-form表单校验 动态添加el-form-item rules用法,嵌套表单校验el-form中rules绑定的规则,只争对model绑定对象中的一级元素(如homeworkName)起作用,且定义rules规则的时候,名称要与绑定的对象的属性(prop中绑定的)名称一致对于个别el-form-item中的元素含有多层且套的情况,可以给el-form-item中绑定属于自己的规则,需要注意给

#vue.js#elementui
到底了