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的资料请关注脚本之家其它相关文章！
相关文章
这篇文章主要介绍了详解Vue自定义过滤器的实现,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧。2017-01-01
这篇文章主要给大家介绍了Vue.js实战之Vuex的入门教程，文中介绍的非常详细，相信对大家具有一定的参考价值，需要的朋友们下面来一起看看吧。2017-04-04
这篇文章主要介绍了vue3系统进入页面前的权限判断和重定向方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-03-03
这篇文章主要介绍了vue-cli3配置多项目并按项目分别实现打包方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-01-01
这篇文章主要介绍了Vue-cli4 配置 element-ui 按需引入操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-09-09
本文主要介绍了vue3的内置组件汇总,详细的介绍了Fragment,Teleport,Suspense三个组件的使用,具有一定的参考价值,感兴趣的可以了解一下2024-01-01
这篇文章主要介绍了关于Vue中v-show中添加表达式用于判断是否显示的问题,很多朋友经常会遇到这样的需求，有数据来源和标签类型两行选项，需要实现点击上面的某个数据来源时，标签类型自动切换功能，感兴趣的朋友一起看看吧2018-03-03
这篇文章主要为大家介绍了如何利用Vue3制作简单的消消乐游戏，文中的示例代码讲解详细，感兴趣的小伙伴可以跟随小编一起动手试一试2022-05-05
这篇文章主要介绍了vue @click @tap重叠事件区分方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-03-03
这篇文章主要介绍了vue中封装echarts公共组件过程，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-05-05
最新评论