vue.js
文章平均质量分 50
开发仔XG
小小程序猿...
展开
-
HTML开发 Vue2.x + Element-UI 动态生成表单项并添加表单校验
基于vue2.x 和element-ui 动态生成表单项并添加表单校验;原创 2024-06-06 13:53:57 · 463 阅读 · 0 评论 -
HTML开发 js经纬度正则
经度范围 -180到180纬度范围 -90到90const longitudeRegular = /^[+-]?((\d|[1-9]\d|[1][1-7]\d)(\.\d{1,6})?|180(\.0{1,6})?)$/const latitudeRegular = /^[+-]?((\d|[1-8]\d)(\.\d{1,6})?|90(\.0{1,6})?)$/以经度正则为例解析:1、[+-]?:[+-]代表取值 +或者-其中的一个值,?代表+或者-个数至多一个;2、(\d|[1-9]\d原创 2020-06-18 16:32:17 · 306 阅读 · 0 评论 -
HTML开发 vue中的插槽使用小栗子
vue中的插槽,一直觉得很费劲,刚刚看vue的时候,满脑袋都是问号。最后发现,其实也就是APP端理解的,自定义view,这就很好理解了。vue官方插槽讲解其实,看官方讲解,对于我这种小白来讲,还不如给个常用的例子来,比较清晰。下面就把我在项目中的使用,掏出来给大家看看。<!-- 自定义组件,插槽定义的地方 --> <div> <slot name="a-slot" :row="123"> <!-- 插槽内默认显示的内容 --> <原创 2020-05-09 15:16:58 · 383 阅读 · 0 评论 -
HTML开发 完美解决移动端H5页面pop弹出蒙版后底层滑动问题
html 弹出蒙版后禁止底层滑动在对应的最外层(蒙版父视图),添加cssposition: relative;蒙版层使用position: fixed;然后点击弹出蒙版和关闭蒙版 调用下面的方法// 处理弹出/关闭pop的时候,使背景图不滚动fixedBody: function () { var _body = document.body if (_body.style...原创 2020-03-07 11:57:09 · 1618 阅读 · 1 评论 -
HTML开发 h5引入vue和Swiper
项目要求写一个静态文件,web小白,只会点vue,于是使用了vue框架,写了一个页面;组长说简单的静态可以使用HTML引入vue来写。实际操作的时候,遇到了问题,就是里面用了Swiper,直接把vue里面写好的代码拿过来,Swiper不起作用;搞了好久,终于在vue-awesome-swiper的GitHub上看到了一段栗子,尝试了下,搞定;vue-awesome-swiper地址栗子代码:...原创 2020-02-29 16:10:16 · 2192 阅读 · 3 评论 -
HTML 网页移动端适配大小屏幕
在head里面先添加<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, minimum-scale=1, user-scalable=0"> 然后再添加:<!-- 小屏幕处理 --><script> // 设置fontSiz...原创 2020-02-24 10:14:41 · 2819 阅读 · 0 评论 -
vue爬坑 div中使用v-html,里面的图片溢出问题;
最近项目中,有这样一个需求,点击按钮弹出框显示详情内容,内容是html,我使用的是div的v-html,来显示;最初,只是测试的纯文字,在开发完毕自测的时候,顺手添加了几张图片,这才发现,图片溢出;最初的代码如下:<div class="dialog-content" v-html="dialogContent"></div>对应的css代码如下:<style...原创 2019-07-30 10:35:05 · 8740 阅读 · 0 评论