logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vue中element-ui表格嵌套表单使用并进行表单校验

表格嵌套表单验证表格数据一般都是由后台获取到的,我们需要在原有的数据上添加输入框并填写验证时,每一个输入框都需要验证,这样的话rules的规则是不能匹配的,现在可以采用动态的prop和rules规则,对需要验证的输入框进行验证注意::prop="'tableData.'+scope.$index+'.proType'":rules="form.rules.proType"(和每一个要验证的输入框对

#javascript
Vue报错 the “scope“ attribute for scoped slots have been deprecated and replaced by “slot-scope

Vue报错the “scope” attribute for scoped slots have been deprecated and replaced by “slot-scope” since 2.5. The new “slot-scope” attribute can also be used on plain elements in addition toto denote scope

#vue.js#前端#javascript
Vue删除指定字符后面的字符串

Vue删除指定字符后面的字符串let index = res1.name.lastIndexOf(".");this.upload_data.name = res1.name.substring(0, index)// 深拷贝:防止修改原数据时新数据发生数变化

#vue.js#javascript
Vue将base64转换为File文件类型

Base64 转 File主要应用场景:文件上传转换函数:dataURLtoBlob(dataurl, name) {var arr = dataurl.split(","),mime = arr[0].match(/:(.*?);/)[1],bstr = atob(arr[1]),n = bstr.length,u8arr = new Uint8Array(n);while (n--) {u8a

#vue.js#前端#javascript
vue3.0 watch监听器使用方法

vue3.0 watch监听器使用方法Vue2export default {watch:{}}Vue31、侦听ref创建的data数据import {ref,watch,} from 'vue'export default {setup() {const name = ref("张三")/*** watch:侦听数据变化* oldvalue:系统自动注入,更新之前的数据*

#vue.js#前端#javascript
vue中element-ui表格嵌套表单使用并进行表单校验

表格嵌套表单验证表格数据一般都是由后台获取到的,我们需要在原有的数据上添加输入框并填写验证时,每一个输入框都需要验证,这样的话rules的规则是不能匹配的,现在可以采用动态的prop和rules规则,对需要验证的输入框进行验证注意::prop="'tableData.'+scope.$index+'.proType'":rules="form.rules.proType"(和每一个要验证的输入框对

#javascript
Vue 单独页面设置 body 样式

需求:针对不同的页面,的样式需要做一些变化。比如不同页面设置不同的背景色,如果直接在页面里设置 body 的样式,页面并不会生效,如下:<template><div>单独页面</div></template><style>body {backgroud-color: #ccc;min-width:400px;}</style>

#vue.js#javascript#前端
Vue 富文本编辑器:vue-quill-editor粘贴图片上传服务器

Vue 富文本编辑器:vue-quill-editor粘贴图片上传服务器粘贴图片:vue-quill-editor复制图片实际上会以base64 形式的进行一个上传,写进数据库后会导致数据一些加载问题**解决方法:**将复制的图片先上传到服务器,再将服务器返回的图片链接地址插入img标签中优化:mounted() {this.editor = this.$refs.myQuillEditor.qu

#vue.js#服务器#前端
Element 表单只能输入数字校验

Element 表单只能输入数字校验以下验证均为只能输入数字类型只能输入整数<el-input v-model="value" placeholder="请输入金额"onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1')"></el-input>只能输入小数—两位小数<el-input v-m

#elementui#前端
Echarts 设置 tooltip 背景框颜色文字颜色

Echarts 设置 tooltip 背景框颜色文字颜色设置前 vs 后:// 自定义气泡样式tooltip: {trigger: "axis",backgroundColor: "#2D8CF0", //设置背景颜色textStyle: {color: "white" //设置文字颜色},border

#echarts#javascript#前端
    共 11 条
  • 1
  • 2
  • 请选择