vue element和nuxt的使用技巧分享

更新时间：2021年01月14日 08:37:45 作者：山水有轻音

这篇文章主要介绍了vue element和nuxt的使用技巧分享，帮助大家更好的理解和使用vue框架，感兴趣的朋友可以了解下

1.element的时间选择提交的格式转化

例如

Fri Sep 07 2018 00:00:00 GMT+0800 (中国标准时间)
转化为 2020-01-11的格式

这记载datepicker中添加一句value-format=”yyyy-MM-dd”

<el-date-picker type="date" v-model="createdate" @change="formatTime" value-format="yyyy-MM-dd" placeholder="选择时间"></el-date-picker>

2.动态循环复选框时，无法选中问题

this.menulist[index].sonList.map((item)=>{
  this.$set(item, 'checked', false); ---用vue的set属性赋值
})

3.el-form动态表单验证（v-if、v-show导致校验失效的bug）

当使用v-if或v-show来控制el-form-item的显示与隐藏时，会出现校验失效的bug。

使用v-if：element在对form表单中带有prop属性的子组件进行校验规则绑定时，是在vue声明周期mounted完成的。而v-if用来切换的元素是会被销毁的，导致了v-if内的表单项，由于在mounted时期没有进行渲染，所以规则也没

有绑定上。初始化时不符合显示条件的不会生成规则，导致后面切换条件，显示的输入框的校验不会生效使用v-show：初始化时会生成所有的规则，即使隐藏了也会进行规则校验

解决方法
（1）、使用v-if进行校验每个v-if后面配置一个不同的key值，这样就可以了

（2）、自定义校验规则，喜欢动手的可以自己自定义校验

4、nuxt如何添加Devtools工具

必须将以下内容添加到nuxt.config.js：

vue: {
 config: {
  productionTip: false,
  devtools: true
 }
}

以上就是vue element和nuxt的使用技巧分享的详细内容，更多关于vue关于element和nuxt的资料请关注脚本之家其它相关文章！

您可能感兴趣的文章:

antd Vue实现Login登录页面布局案例详解附带验证码验证功能
这篇文章主要介绍了antd Vue实现Login登录页面布局案例详解附带验证码验证功能,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
2022-05-05
vue中watch如何同时监听多个属性
这篇文章主要介绍了vue中watch如何同时监听多个属性,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
2024-07-07
基于Vue制作组织架构树组件
最近公司在做一个基于vue开发的项目，项目需要开发一个展示组织架构的树组件，在网上搜了半天，没有找到合适的，下面小编给大家分享一个基于Vue制作组织架构树组件，需要的朋友参考下吧
2017-12-12
Vue中使用axios调用后端接口的坑及解决
这篇文章主要介绍了Vue中使用axios调用后端接口的坑及解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2022-03-03
Vue.js移动端左滑删除组件的实现代码
本篇文章主要介绍了Vue.js移动端左滑删除组件的实现代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-09-09
vue3.0+echarts实现立体柱图
这篇文章主要为大家详细介绍了vue3.0+echarts实现立体柱图,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
2021-09-09
详解关于Vue单元测试的几个坑
这篇文章主要介绍了关于Vue单元测试的几个坑，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-04-04
vue基于session和github-oauth2实现登录注册验证思路详解
通过 sessionId 可以在 session 表中获取用户的信息,此外,还利用 session 表实现了GitHub 的 OAuth2 第三方登录,本文讲解前端通过简单的方式实现一个基本的登录注册验证功能,感兴趣的朋友跟随小编一起看看吧
2024-08-08
Vue3中v-for的使用示例详解
本文主要介绍了Vue3中v-for的使用方法,包括遍历数组、遍历对象、索引访问、嵌套遍历以及结合计算属性和方法的使用,v-for可以帮助用户动态地生成和管理列表数据,并根据需要进行复杂的DOM操作,提供了多种示例,帮助读者更好地理解和使用v-for
2024-10-10
Vue 禁用浏览器的前进后退操作
这篇文章主要介绍了Vue 禁用浏览器的前进后退操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2020-09-09