vue组件
vue组件
哈!小白要成长!
这个作者很懒,什么都没留下…
展开
-
Vue Element UI 之实现点击按钮刷新 Echarts 图表
要实现这个功能,首先要求开发人员对 Vue 生命周期有清晰的了解和认识前言去官方文档看了看,文档中提到的是根据Options数据内容变化实时更新Echarts,并没有触发点击事件时才刷新的方法;去百度搜了一下,也没有此类的文章,多是和官方文档一样,设置定时器动态刷新 Echarts关于触发某事件时更新 Echarts 数据,个人感觉难点在于 Echarts 图表数据的渲染要求 DOM 渲...原创 2020-03-21 15:22:29 · 8181 阅读 · 1 评论 -
Vue 记录一次安装插件引起的项目崩溃(This is probably not a problem with npm,there is likely additional logging outp)
首先,列出所报的错误:node_modules\_jsdom@16.2.1jsdom\node_modules\.bin\esgenerate.cmdThis is probably not a problem with npm,there is likely additional logging output above(致命报错)sha1-CYJ/jxuVjEmMt5fncrd5bGH...原创 2020-03-19 21:56:00 · 6795 阅读 · 0 评论 -
Vue Element 之表单预验证
技术validate接下来,就是动手实现啦第一步:获取到表单引用对象首先,使用 ref 属性为子组件分配引用 ID。在 form 表单中注册ref="loginFormRef",具体如下:<el-form label-width="0px" :model="loginForm" ref="loginFormRef"> <el-form-item class="...原创 2020-01-24 14:32:10 · 1114 阅读 · 0 评论 -
Vue Element 之表单重置
第一步:第二步:第三步:原创 2020-01-24 14:23:34 · 1088 阅读 · 0 评论 -
Vue Element 之表单验证
Form 组件提供了表单验证的功能,只需要通过 rules 属性传入约定的验证规则,并将 Form-Item 的 prop 属性设置为需校验的字段名即可trigger‘blur’ :失去焦点触发‘change’:发生改变触发第一步:在form上添加属性绑定:rules指定校验对象第二步:在data数据中定义校验对象第三步:对表单项from-item通过prop指定验证规...原创 2020-01-24 14:21:26 · 341 阅读 · 0 评论 -
Vue Element 之表单绑定
第一步:在form表单中添加:model绑定数据对象第二步:在form下的元素上添加v-model:进行数据对象的属性绑定第三步:在script标签中写数据对象至此,完成...原创 2020-01-24 14:16:46 · 553 阅读 · 0 评论 -
vue组件动态菜单出现很多 li
一、问题描述点击左侧菜单栏,动态获取商品信息时,发现出现了很多空的 li 标签(异常的多),没有获取到img和p标签内容,如图所示二、问题原因及解决方法目前找到两种原因,本质原因都是没有获取到 json 数据1、一是没有写入相关 json 文件引用,只需写入引用即可(圈出部分为补充)调错前:data(){ var _this=this; var url=""; if...原创 2020-01-10 13:15:05 · 422 阅读 · 0 评论