vue 两个必填的el-select联动,第一个更改,第二个清空,第二个重新验证不通过–已解决
vue 两个必填的el-select联动,第一个更改,第二个清空。第二个el-select重新验证出现问题。 注意第二个select验证的写法,必须要写上type:'array’ <el-form-item label="firstSelect" :rules="[ { required: true, message: 'firstSelect不能为空', trigger: ['blur',…
vue 两个必填的el-select联动,第一个更改,第二个清空。第二个el-select重新验证出现问题。 注意第二个select验证的写法,必须要写上type:'array’ <el-form-item label="firstSelect" :rules="[ { required: true, message: 'firstSelect不能为空', trigger: ['blur',…
1.vue的created钩子函数中,方法的执行顺序 1.1情景:vue框架中通常在created钩子函数里执行访问数据库的方法,然后返回数据给前端,前端data中定义全局变量接收数据 1.2误区:我们可能会思考按照自己设定好的逻辑走,譬如我现在的 created的执行顺序this.getUrl()然后是this.ywlxN、this.getDictList() ......这样的顺序那么就大错特…
简介 Quill是一个很流行的富文本编辑器,github上star大约21k: github: https://github.com/quilljs/quill/ 官网: https://quilljs.com/ 简单demo <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">…
要使vue支持ts写法,我们需要用到 vue-property-decorator , 这个组件完全依赖于vue-class-componet 首先安装: npm i -D vue-property-decorator @Prop(options: (PropOptions | Constructor[] | Constructor) = {}) @Prop 装饰器接收一个参数,这个参数可以有三种…
Vue知识点系列笔记: Vue(一)基础 | 前端 | 课程笔记 Vue(二)组件化编程 | 前端 | 课程笔记 Vue(四)Vuex | 前端 | 课程笔记 Vue(五)Vue-router | 前端 | 课程笔记 Vue2+Vue3课程视频链接 1.Vuex概述 1.1 组件之间共享数据的方式 父向子传值:v-bind 属性绑定 子向父传值:v-on 事件绑定 兄弟组件之间共享数据:Event…
npm WARN deprecated @hapi/topo@3.1.6: This version has been deprecated and is no longer supported or maintained npm WARN deprecated @hapi/bourne@1.3.2: This version has been deprecated and is no longe…
Vue-cli 1.配置文件 vue.config.js 2.快速原型开发:对单个vue文件进行快速原型开发 vue serve:需要安装全局依赖,机器一致性无法保证,对应目录执行:vue serve file vue build:将目标文件构建成一个生产环境的包用来部署,对应目录执行:vue build file 3.创建项目 vue create project 选取preset:默认/手动,…
1.先安装reset-css,清除样式表。但是这个和字体冲突,所以去修改源码。 2.在App.vue中放入<router-view/>,就可以用来显示子路由组件。 3.进入Home.vue组件,首先设置背景色,要给app、body、html三个都设置上高度,才可以撑满全屏。 4.rem的计算,1rem=这个html的文字大小。所以可以在App.vue中设置html{font-size:…
展开全部 一、问题可能涉及到了浮动和行内元素两个知识点,首先需要div布局,写一个大的div作为父级盒子,里e5a48de588b662616964757a686964616f31333363383965面有几个行内元素。如下: DIV内容横向排列 .container { width: 500px; margin: 50px auto; overflow: hidden; border: 1px…
本来一直都是使用<router-link to='/CouplePackage'>产品</router-link>这样的静态方法, 但是突然今天发现这个方法好像有点问题,在某些地方加了<router-link to='/CouplePackage'>产品</router-link>点击竟然没有反应了, 于是一直找问题,结果发现网上说可以用这样的方法来…