当前位置: 首页 > Web前端 > vue.js

Vue关于element和nuxt的使用技巧

时间:2023-04-01 13:06:35 vue.js

1。元素的时间选择和提交格式转换例如,FriSep07201800:00:00GMT+0800(ChinaStandardTime)转换为2020-01-11的格式这条记录添加一句value-format="yyyy-MM-dd"到日期选择器2。动态循环checkbox时,无法选中的问题this.menulist[index].sonList.map((item)=>{this.$set(item,'checked',false);---用vue的set赋值attribute})3.el-form动态表单验证(v-if、v-show导致验证失败的bug)在使用v-if或v-show时用于控制el-form-item的显示和隐藏,会有验证失败的bug。在使用v-if:element绑定表单中prop属性的子组件的校验规则时,挂载在vue语句循环中。v-if用来switch的元素会被销毁,导致v-if中的formitems,由于在挂载期间没有渲染,规则没有绑定。初始化时不满足显示条件的规则不会生成,导致后面的切换条件,显示的输入框的验证不会生效。使用v-show:初始化时会生成所有规则,即使隐藏也会进行规则校验。方法(一),使用v-if验证,在每个v-if后面配置不同的key值,这样就可以了如何在nuxt中添加Devtools工具nuxt.config.js中必须添加如下内容:vue:{config:{productionTip:false,devtools:true}}