首页 > 其他分享 >关于vue2自己得到的陈果(不懂的知识点)

关于vue2自己得到的陈果(不懂的知识点)

时间:2024-05-09 22:22:26浏览次数:19  
标签:知识点 goods const 陈果 addForm padStart cats vue2 dt

ref引用相关的知识点:

ref='ruleRef'

this.$refs.ruleRef.resetFields()               只针对表单的重置

this,$refs.ruleRef.validate(valid => {       这里 validate 是进行一次检验,参数是一个回调函数 ,valid是一个布尔值,表示表单的检验是否通过

  if( !valid ) return          !valid  是指为 假 时直接返回

})

 

关于调用接口:

如果文档中有   请求参数  ,那在 .post( 'path' , 这里写请求体)

 

分页 pagination:

 

 

 

// 注册一个全局的时间过滤器 Vue.filter('dateFormat',function(originVal){ const dt = new Date(originVal)
const y = dt.getFullYear() const m = (dt.getMonth() + 1 + '').padStart(2,'0') const d = (dt.getDate() + '').padStart(2,'0')
const hh = (dt.getHours() + '').padStart(2,'0') const mm = (dt.getMinutes() + '').padStart(2,'0') const ss = (dt.getSeconds() + '').padStart(2,'0')
return `${y}-${m}-${d} ${hh}:${mm}:${ss}` }) 使用: <el-table-column label="创建时间" prop="add_time" width="150px"> <template slot-scope="scope"> {{scope.row.add_time | dateFormat}} </template> </el-table-column>     数组 改成 字符串 addForm.goods_cats : []     =>    addForm.goods_cat : "1,2,3" addForm.goods_cats = addForm.goods_cats.join(',') ***前提是:代码中用到的 goods_cats 没有用到数组模式,如果有 双向数据绑定 用到的是 数组模式,那需要 深拷贝出一个 再进行 转换 字符串 深拷贝需要用到的 lodash 在vue项目中引入 lodash => 在script中  import _ form 'lodash' 再在代码中进行使用  _.cloneDee(this.addForm)   再将这个赋值给一个新变量  const Form = _.cloneDee(this.addForm) 然后对这个复制出来的进行数组 转换成 字符串  Form.goods_cats = Form.goods_cats.join(',')

标签:知识点,goods,const,陈果,addForm,padStart,cats,vue2,dt
From: https://www.cnblogs.com/wuyunna/p/18104073

相关文章

  • Vue入门到关门之Vue2高级用法
    一、在vue项目中使用ref属性ref属性是Vue.js中用于获取对DOM元素或组件实例的引用的属性。通过在普通标签上或组件上添加ref属性,我们可以在JavaScript代码中使用this.$refs.xxx来访问对应的DOM元素或组件实例。放在普通标签上,通过this.$refs.名字---》取到的是do......
  • java测试框架Junit5进阶知识点
    声明参数化导入注解<!--junit5新的编程和扩展模型--><dependency><groupId>org.junit.jupiter</groupId><artifactId>junit-jupiter</artifactId><version>5.8.2</version>......
  • Vue2工程化介绍
    Vue2项目[基于vue-cli]工程化【一】环境搭建06-Vue-cli-刘清政-博客园(cnblogs.com)安装node使用npm/cnpmnpm换源:npmconfigsetregistryhttps://registry.npmmirror.com安装vue-clicnpminstall-g@vue/cli#安装脚手架cnpminstall-g@vue/cli#切换目录......
  • vue2-事件总线$bus的使用
    作用实现不同组件之间进行通信(非父子关系)。 原理$bus就是vue原型上添加的一个vue实例,用于存储、监听以及触发事件。 实现步骤在main.js文件中注册事件总线Vue.prototype.$bus=newVue();在需要发送信息的组件中发送事件this.$bus.$emit("eventname")//无参......
  • 整理文件IO的有关知识点及笔试题
    文件IO1.FAT32和NTFS的区别1)FAT32优点是稳定性和兼容性好,能充分兼容Win9X及以前版本,且维护方便。缺点是安全性差,单个文件也只能支持最大4GB。2)NTFS优点是安全性及可靠性高,除兼容性之外,它远远优于FAT32。它不但可以支持2TB大小的分区,而且支持对分区、文件夹和文件的压缩,可......
  • Vue2进阶语法
    Vue进阶语法【一】v-model修饰符v-model:针对input标签实现数据双向绑定#lazy:等待input框的数据绑定失去焦点之后再变化#number:数字开头,只保留数字,后面的字母不保留;字母开头,都保留#trim:去除首尾的空格<body><divid="app"><h1>v-model进阶</h1><p>普通<......
  • IO一些基础必备知识点
    IO编程IO一些必备知识点目录IO编程IO一些必备知识点①了解FAT32以及NTFS区别②了解MMU如何将虚拟地址与物理地址转换③请简述Linux内核的作用Linux内核是链接硬件和上层应用的桥梁,通过这个桥梁我们可以直接在上层完成对硬件的操作④Linux系统目录和文件夹的区别⑤库函数与系统调......
  • Java测试框架Junit5基础知识点
    Junit5测试框架一:创建一个测试用例junit5的测试依赖:<!--junit5新的编程和扩展模型--><dependency><groupId>org.junit.jupiter</groupId><artifactId>junit-jupiter</artifactId><version>5.8......
  • vue2.0上video视频切换(一)mp4格式的
    在Vue2.0中,如果你想要切换 video 元素的源(src),你需要确保每次切换时都提供一个不同的 src 值,以避免浏览器从缓存中加载旧的视频。我这里使用v-if和key结合,当你使用 key 属性时,Vue会跟踪每个节点的身份,而不仅仅是它的内容。如果 key 发生变化,Vue会认为这是一个新的节......
  • 关于I2C知识点的记忆小技巧
    口诀:钟高数下是开始,(解释,时钟线保持高时,数据线由高拉到低是向下趋势,说明是“开始信号”)钟高数上是停止。(解释,时钟线保持高时,数据线由低拉到高是向上趋势,说明是“停止信号”)钟高数低ACK,(解释,时钟线保持高时,数据线保持低,说明是“ACK应答信号”)钟高数高非AK。(解释,时钟线保......