logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

小程序跳坑之JSON字符串转换JSON对象

常见的JSON字符串转换有很多,这里只讲我遇到过的小程序中用到的转换。通常我们在小程序中用到的地方是,请求一个数据表或者请求一个接口,拿到了一堆数据,里面包含有各种字段数组,头像,图片,详情,地址,位置等等。而且我们不能直接取出来用,也不能通过数据渲染出来。这时候就需要转换转化。重点内容:var jsonStr = cookDetail.recipe.method;j...

#微信小程序
VUE+element开发后台管理的搜索功能

先看看样式图:实现上面这种简单搜索简单的三步走:1.页面样式:在页面中使用form表单的校验功能来实现输入搜索。给表单的数据放入搜索请求的data数组中,也就是searchParams这个大集合中。备注:如果给每个输入框添加了搜索按钮的click方法,则会在输入完成后直接执行列表搜索。所以考虑自己使用的具体位置。<div class="search"><el-...

VUE正确使用JS获取scroll的高度

vue中scroll的高度问题解决很多人写的并不全面,给出的只有简单的一两句写法,导致萌新和小白频频报错解决不了。贴上多数文章的写法:console.log('距离顶部高度', this.$refs.scroll1.offsetTop)console.log('距离顶部高度', this.$refs.scroll1.getBoundingClientRect().top)这样的写法是没问题的。但是

VUE中post给接口传递参数异常的解决办法(持续更新)

VUE中post给接口传递参数异常的解决办法(持续更新)本文持续更新,目前列举本人遇到的问题:使用this.axios.post(/xxxx, {params:{data:xxxx}).then这种方式,偶尔会遇到如下:这种会导致后端接收到的参数都是空的。因为**params[参数名字]**出现了异常。解决:1.JSON.stringify(params)。这种并不是很可靠。因为...

#vue.js
VUE.JS和小程序的共通之处

我是先学习的小程序开发,之后才了解到vue.js。也是一直没有时间去看相关vue.js的知识和内容。现在回顾起来,小程序和vue.js都是前端的内容。例如小程序中的目录结构物page+app.js+app.json+app.wxss+image+util,vue.js的目录结构为myapp或者myproject+src+bulid+html+css+js。再例如小程序的页面内容结构:&lt

vue开发web端实现列表左右联动效果

先谈需求:左侧为分类列表,点击分类名右侧商品列表会滑动对应分类到顶部;右侧商品列表滑动到某一分类时左侧分类列表对应分类会滑动到顶部高亮显示。再来说说思路:1,引用swiper插件,这种方法冲突和不适配可能性太多,会越改越麻烦所以弃用。2,使用页面滑动scroll事件,引入better-scroll组件。这个较为轻便,可自定义性较大,可以使用。实现步骤:1,左右两侧均使用v-for循环列表,使...

VUE+element开发后台管理的搜索功能

先看看样式图:实现上面这种简单搜索简单的三步走:1.页面样式:在页面中使用form表单的校验功能来实现输入搜索。给表单的数据放入搜索请求的data数组中,也就是searchParams这个大集合中。备注:如果给每个输入框添加了搜索按钮的click方法,则会在输入完成后直接执行列表搜索。所以考虑自己使用的具体位置。<div class="search"><el-...

VUE简单解决控制台打印数组为空,但是展开有数据

如图,在控制打印的时候数组是空,但是展开可以看到有37条数据。紧接着打印了长度,长度为0.这个问题我搜了很多解决都是this.$nextTick(() => {})我有个更简单的办法,这个算是异步的一个加载那就使用延时setTimeout来触发let rightItems = this.$refs.r_list.getElementsByClassName('proLi...

vue+element-ui项目前端报错 date.getHours is not a function解决方法

解决方法有两种:一、先看组件内容是否有错;官方原生默认组件内容:注意type为datetime<span class="demonstration">默认</span><el-date-pickerv-model="value1"type="datetime"placeholder="选择日期时间"></el-date-...

vue+element-ui项目前端报错 date.getHours is not a function解决方法

解决方法有两种:一、先看组件内容是否有错;官方原生默认组件内容:注意type为datetime<span class="demonstration">默认</span><el-date-pickerv-model="value1"type="datetime"placeholder="选择日期时间"></el-date-...

    共 13 条
  • 1
  • 2
  • 请选择