![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
it小白zly
这个作者很懒,什么都没留下…
展开
-
vue updated钩子
作者:坚持努力_573f来源只有data里的变量改变并且要在页面重新渲染完成之后,才会进updated生命周期,只改变data里的值但是没有再页面上渲染该值的话并不会触发updated方法。举例: {{demoNum}}data() {return { demoNum:100};},created () { setTimeout(()=>{this.demoNum=500},3000)},updated () { console.log("进入updated方法"转载 2021-12-21 10:29:19 · 978 阅读 · 0 评论 -
vue动态加载静态资源
vue动态加载静态资源项目背景:项目的使用场景是面向信息安全相关部门,环境很有可能没有公网,局域网并不稳定,所以无法使用七牛等CDN保存图片资源。从而采用引入本地资源的方式通常一张本地静态图片在vue中的写法是这样<img src="@/assets/icon/demo.png">但是,img标签如果在src路径中使用变量,会被编译为字符串,导致编译后的路径就是我们写上去的字符串形式,比如你在data中定义了一个变量src,然后在img标签中引用//data中定义变量srcdata转载 2021-09-27 09:26:44 · 1537 阅读 · 0 评论 -
vue 子组件接收父组件数据的显示问题
vue 子组件接收父组件数据的显示问题:1.数据的变化通过watch监听 watch: { startYear (val) { this.year1 = val } }2.子组件中有调用接口,在接口的返回结果中赋值,接口再activated钩子中调用,也可以正常显示...原创 2021-08-17 17:16:19 · 407 阅读 · 0 评论 -
前端Vue中常用rules校验规则
在 vue开发中,难免遇到各种表单校验,这里找了网络上的一些校验方法。如果错误欢迎指出。1、是否合法IP地址export function validateIP(rule, value,callback) { if(value==''||value==undefined||value==null){ callback(); }else { const reg = /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\转载 2020-11-06 16:02:29 · 375 阅读 · 0 评论