- 博客(19)
- 收藏
- 关注
RSS订阅原创 vue 设置滚动条的位置
vue 设置滚动条的位置场景：聊天的时候，消息会一条条的发送，但是呢，获取最新的数据只能手动滚动滚动条，那这个时候就想到微信聊天的时候，永远可以看到最后一条消息。思路：获取div的高度（因为里面是动态的数据）然后，讲滚动条滚动到指定位置代码如下：var div = document.getElementById('data-list-content')div.scrollTop = div.scrollHeight// 如果还是不好用的话，就nextTick一下this.$nextTic
2021-10-26 16:58:55
6752
1
原创 uni 动态修改导航栏按钮文字
uni 动态修改导航栏按钮文字是这样的啦，我呢，想点击【编辑】，然后出现复选框，然后【编辑】变成【完成】第一步，要先有个编辑按钮在pages.json 中添加如下代码{ "path": "pages/produce/order/order", "style": { "navigationBarTitleText": "领取工单", "enablePullDownRefresh": true, "app-plus":{ "titleNView":{ "buttons"
2021-07-29 10:25:52
1692
4
原创 jq 让数字滚动到指定数字
jq 让数字滚动到指定数字嗯，原本是想写一个小特效，如何让数字像翻页似的，翻到指定数字先附上效果html部分<!DOCTYPE html><html><head> <meta charset="UTF-8"></head><body> <h2 class="timer count-title" id="count-number" data-to="28248" data-speed="1500">&
2021-06-04 11:34:51
989
原创 vue-treeselect 懒加载 并 自动 展开子菜单
懒加载treeselectvue-treeselectvue treeselect自动展开子菜单下拉树
2021-05-08 15:43:28
5570
6
原创 vue + mock.js 自动生成数据
vue + mock.js 自动生成数据每天进步一点点，项目中呢，会出现这种情况，就是前端都准备好了，后台接口并没有数据，要是一个个假数据吧，一条两条还行，要是在多了，未免有些烦了，但是呢，解决方案来了，数据自动生成工具，只需要跟后台对接好字段名就ok啦。简直是完美的不可挑剔。第一步 安装npm install mockjs第二部 建文件在【src】目录下 新建 【mock】文件夹 然后在建【mock.js】第三步 mock.js先分享一个非list的数据//mock.js文件
2021-01-19 10:37:50
672
3
原创 uniapp版本更新
uniapp版本更新首先什么是版本更新，最简单的描述就是版本号升级。需要更新的版本号要大于现在使用的版本号。代码1.定义一个全局变量，用于版本号对比versionCode:'100',//比较大小,更新后的要大于这个数字2页面显示的时候，加载版本升级方法export default { data() { return { versionCode:'101', } }, onShow() { uni.getSystemInfo({ success
2021-01-06 16:40:21
1013
原创 WebSocket
WebSocket简单粗暴的一篇文章，直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>WebSocket</title></head><body><h3>hello socket</h3><p>【userId】：<div><i
2021-01-06 11:00:00
103
原创 element-ui 项目中使用mqtt
在vue项目中使用mqttmqtt介绍发布/订阅消息模式，提供一对多的消息发布命令行安装npm install mqtt --savevue使用import mqtt from 'mqtt'; export const MQTT_SERVICE = 'ws://192.168.1.197:8083/mqtt' export const MQTT_USERNAME = 'admin' export const MQTT_PASSWORD = 'public' export
2021-01-06 10:49:27
376
1
原创 vue APP打包发布获取数据
VUE_APP从打包到发布项目打包npm run build打包成功后，会在项目目录中多一个dist的文件夹，那么里面的index.html就是我们打包成功后的项目啦~那么小伙伴们刚用vue开发app的时候想必都会遇到两个问题1.dist中的index.html页面空白的问题2.dist中的index.html页面数据不能获取的原因针对于问题1，请参考我的一篇文章vue2....
2019-08-29 16:40:30
554
原创 vue 跨域
想必现在大家都有学习并使用作为主流的前端框架之一的vue了吧~那么，关于vue 跨域的坑，大家都有所了解嘛？接下来呢，佳禹就在这里给这个坑里放一个梯子，愿大家早日爬坑，当然，方式不只是一个，有更好方式的伙伴们还请指教哦~首先什么是跨域跨域指浏览器不允许当前页面的所在的源去请求另一个源的数据。源指协议，端口，域名。只要这个3个中有一个不同就是跨域。#协议跨域 http访问htt...
2019-07-30 10:08:30
224
原创 css预处理语言
随着前端越来越强大，那么今天简单介绍一下什么叫做“css预处理语言”~希望大家喜欢css预处理语言扩展了 CSS 语言增加了一些编程特性，例如可以在 CSS中使用变量、简单的程序逻辑、函数等等在编程语言中的一些基本技巧，增加了变量、嵌套、运算、混入(Mixin)、继承、颜色处理、函数等特性。适应性更强，无需考虑浏览器的兼容性问题 让 CSS 更简洁，代码更直观等诸多好处，使 CSS ...
2019-07-30 09:28:23
456
1
原创 vue2.0打包页面成功后，dist文件夹中index.html页面空白的原因
vue2.0打包页面成功后，dist文件夹中index.html页面空白的原因因为这个问题看了好多些文章，百试不灵总结说呢，方法都是对的这个bug修改的真是尴尬千万不要像我一样找对了文件改错了位置第一步找到config文件下面的index.js打开后，修改“assetsPublicPath”切记哦是build里面的assetsPublicPath是build里面的assetsP...
2019-04-03 12:00:53
1769
原创 vue2.0+mint-ui实现MessageBox提示框
hi，伙伴们，佳禹同学又更新文章啦那么今天的这个呢，就是介绍一下vue2.0+mint-ui配合如何实现MessageBox提示框的问题啦，其实这种东西都是举一反n废话不多说，直接上代码`没错，就是在template中写入接下来呢，就是我们的js部分啦老规矩，第一步引入import { MessageBox } from 'mint-ui’到现在呢，我们的提示框就写完啦最后最...
2019-04-01 17:35:53
2504
原创 vue2.0+mintUI 实现日期选择器插件
hi，直接附上代码啦、首先，说一下写在<template></template>标签内的部分代码点击openPicker时间，显示弹窗，这个就不用过多解释啦，啰嗦一句1.{{birthday}},为什么要这么写也是有理由的，由于选中的日期是时间戳格式进行format转换的，所以，不能直接将选中的额值用来获取，当然啦，如果小伙伴们有可以不用再次定义名的...
2019-04-01 10:47:01
669
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人