vue
dreamStart_Lin
人生不止诗和远方,还有眼前的苟且!
一切都会过去,一切也都会好起来!
学海无涯,追求程序,永无止境!
展开
-
简单实现省市区三级联动
史上最简单,vue组件 省市区三级联动原创 2020-06-18 11:14:51 · 592 阅读 · 0 评论 -
如何进行表单验证?普通操作dom表单验证以及element ui表单验证详解
表单验证 在编写项目的过程中,我们经常会用到表单,而且常常需要验证输入的值,这时候我们就需要写验证规则了,普通操作的demo的是获取当input 失去焦点额时候执行一个验证函数,是否符合规则,符号则弹窗,获取在一个特定位置显示提示语,通过ui框架,如element ui\ iview 这些则是将验证规则放在一个对象中,通过内置和自定义函数进行验证 废话不多说,上代码普通操作//知识点 ...原创 2019-10-15 21:28:20 · 640 阅读 · 0 评论 -
vue组件命名规范以及组件方法书写顺序推荐
vue组件命名规范1.单文件组件的文件名应该要么始终是单词大写开头 (PascalCase),要么始终是横线连接 (kebab-case)因为单词大写开头对于代码编辑器的自动补全最为友好,因为这使得我们在 JS(X) 和模板中引用组件的方式尽可能的一致。然而,混用文件命名方式有的时候会导致大小写不敏感的文件系统的问题,这也是横线连接命名同样完全可取的原因。2.应用特定样式和约定的基础组件 (...原创 2019-11-21 10:48:36 · 2723 阅读 · 0 评论 -
vue中data数据改变了,视图不更新详解
在vue中,data里面的数据改变了,试图却没有更新,常见的情况是直接通过数组下标来修改数据,如:this.arr[2] =‘testStr’原因是Vue2.+ 中data数据对象是通过Object.defineProerty来进行数据的双向数据绑定,而数组则是监听数组的push和pop等操作数组的方法进行双向绑定的,因此当是通过下标来修改时便不能更新视图此时我们该怎么办呢?有三种办法...原创 2019-10-30 17:36:15 · 7488 阅读 · 1 评论 -
vue获取dom元素与修改样式详解
vue中如何获取dom元素呢?步骤详解在标签上加上ref属性 如 :在js中通过refs便可以获取dom如:this.refs便可以获取dom 如:this.refs便可以获取dom如:this.refs.refDemo修改对应的样式名 如:this.$refs.refDemo.style.backgroundColor="#108ee9"还不会? 请看代码例子<tem...原创 2019-10-30 16:43:51 · 6888 阅读 · 2 评论