![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端学习
-今天不读书
这个作者很懒,什么都没留下…
展开
-
el-select添加表单校验,不起作用问题
el-select添加表单校验步骤1.在el-form中添加rules<el-form :inline="true" :rules="formRules" :model="dataForm"></el-from>2.在data中声明formRules,定义要校验的字段这里的mrpVersion一定要跟el-form-item中prop字段对应 data() { return { dataForm: {原创 2021-12-11 13:48:03 · 2975 阅读 · 1 评论 -
Cannot GET /问题解决
遇到问题如图:附上代码<template> <div class="mod-home"> <p><a :href="fileUrl">MRP中心操作手册.docx</a></p> </div></template><script>export default { data() { return { fileU原创 2021-12-02 17:46:03 · 2568 阅读 · 0 评论 -
Uncaught TypeError: Cannot read properties of null (reading ‘disabled‘)
在写项目卡在了element 时间选择器里点击空白处时间选择器不关闭,而单独引用在其他地方则正常关闭。打开控制台发现有其他报错 。以为是项目中控制元素显示隐藏的 disable undefined:disabled="materialsSearch"将组件中disable属性全部删掉后,仍然报错。参考了其他文章报错是因为 el-dropdown 下缺少 el-dropdown-menu 元素 ,我检查了下我代码里面都有 el-dropdown el-dropdown-menu ,最后锁定到原创 2021-11-26 11:50:49 · 3882 阅读 · 1 评论 -
组件间通信
Vue里的父组件向子组件传值原理:通过props输入属性完成1.给子组件设置props2.通过子组件的输入属性接受父组件传入的值let Child1={ template:"#child1", props:{ //设置一个输入属性c1Msg,用于接受字符串类型的数据 c1msg:String, c1num:{ type:Number, default:0 },原创 2021-11-03 10:45:05 · 103 阅读 · 0 评论 -
vue中的组件
组件(component):本质上是一个vue实例,如果页面中的某部分需要在多个场景里使用,我们可以将这么部分的结构 抽离成一个组件,进行复用。Vue里的组件也分成两种:1.全局组件语法:Vue.component(“组件名”,配置对象)Vue.component("my-header",{ //指定组件的模板结构 template:`**加粗样式** <div id="header"> <h2>这是头部</h原创 2021-11-03 10:39:13 · 135 阅读 · 0 评论 -
vue的一些方法总结
Vue.nextTick()作用:立即获取更新后的DOM<div> <button id="firstBtn" ref="aa" @click="testClick()">{{ testMsg }}</button></div>使用了nextTick以后methods: { testClick() { this.testMsg = '修改后的值'; th原创 2021-11-02 18:10:18 · 127 阅读 · 0 评论