logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vue+element ui中动态实现级联选择器 el-cascader踩过的坑

实现效果图实现方法html备注 :props 可初始化一些字段; change事件可以获取所需要的value 值js获取动态数据并赋值所需要的数组这样就基本实现了级联选择器,但是坑来了描述当级联选择器内容需要动态变化时,会爆出Cannot read property ‘level’ of null错误(如果没有选择就不会报错的)分析这个错误的原因是当选择后,再更新内容时,选择器仍会关联原来的数据,

TS 踩坑之路(四)之 Vue3

不能将类型“{ isBackBtn: false;}”分配给类型“(props: PropsType) => RouteMsgType”。对象字面量只能指定已知属性,并且“isBackBtn”不在类型“(props: PropsType) => RouteMsgType”中。ts(2322)headerTopPart.ts(14, 3): 所需类型来自属性 “routeMsg”,在此处的 “Inf

#vue.js#typescript
Vue + Echarts 图表展示 及 动态渲染

准备工作安装echarts依赖npm install echarts --save-dev引入(main.js)import echarts from 'echarts'Vue.prototype.$echarts = echarts;开始撸代码<template><div class="peopleWrap"><h3>...

vue之虚拟滚动

以上代码中,RecycleScroller会渲染dataList中的数据,每个列表项的高度是50px,使用页面模式和垂直滚动,渲染缓冲区大小是200px,预渲染10个列表项,并在列表项更新时触发update事件。在页面模式下,滚动容器是document.documentElement,否则是RecycleScroller自身。虚拟滚动的原理是只渲染可视区域内的数据,当用户滚动时,动态计算并渲染新的

#vue.js#前端#javascript
pug模板语法在vue中的使用--HTML的模板引擎

一、 介绍pug,原名jade,是流行的HTML模板引擎,,最大的特色是使用缩进排列替代成对标签。它简化了HTML的成对标签的写法,使代码更加简洁、开发效率更高,但是同时它也带来了一些副作用:可移植性差、调试困难、性能并不出色。二、使用理由HTML标签必须进行闭合,如果不闭合的话容易报错。HTML没有模板机制,如果不使用前端框架维护起来非常困难三、简单事例#hello<div id="hel

vue3.0定义组件

一、介绍定义组件

vue el-form多个表单同时验证必填项

一个页面上多个表单需要在一个操作情况下同时验证必填项是否填写完整html<template><el-form :model="formData" status-icon :rules="rules" label-width='200px' label-position="right" ref="formData1" ><el-form-item label="订单号:

vue el-input的多种验证

一、对于input输入框只能做数字输入的情况下限制<div><el-form-item label="开户行:" prop="bankName" ><el-input v-model="formData.bankName" maxlength="100"@keyup.native="proving"/></el-form-item></div&

vue+element ui中动态实现级联选择器 el-cascader踩过的坑

实现效果图实现方法html备注 :props 可初始化一些字段; change事件可以获取所需要的value 值js获取动态数据并赋值所需要的数组这样就基本实现了级联选择器,但是坑来了描述当级联选择器内容需要动态变化时,会爆出Cannot read property ‘level’ of null错误(如果没有选择就不会报错的)分析这个错误的原因是当选择后,再更新内容时,选择器仍会关联原来的数据,

    共 17 条
  • 1
  • 2
  • 请选择