- 博客(12)
- 收藏
- 关注
RSS订阅原创 小程序使用vant Weapp
打开终端进入到小程序所在的文件夹，输入npm init接下来一直按空格键直到出现Is this OK?(yes)，yes，然后输入npm i @vant/weapp -S --production开发者工具中-工具-构建npm，再在详情-本地设置勾选“使用npm模块“删除app.json中的"style": “v2”，否则将造成部分组件样式混乱这时就可以在需要的地方引入组件并使用了~例如：//user.json{ "usingComponents": { "..
2020-06-10 09:21:19
449
原创 vue使用天气API接口
找了一个免费的天气APIhttps://www.tianqiapi.com/index需要先注册激活，才能获取到appid和appsecret（在控制台查看），后在vue请求接口时会用到。在页面左侧找到免费基础实况天气，我觉得已经很够用了。除了返回的图标需要自己找。vue使用了axios请求axios({ method: 'get', url:'https://www.tianqiapi.com/free/day?appid=75698768&
2020-06-04 19:13:08
4797
1
原创 vue监听输入框获取焦点
想实现一个当搜索框获取到鼠标的焦点时就跳转到另一个页面去搜索的功能。前提是得监听到当搜索框获取到焦点。<van-search v-model="value" placeholder="请输入搜索关键词" @focus="focus"/></form>这里用到了vantUI的搜索框，@focus是获取焦点，@blur失去焦点。接下来是监听方法methods: { focus() { this.$toast('hhh'); },
2020-05-21 20:33:07
4057
原创 el-drawer隐藏滚动条（兼容firefox浏览器）
//抽屉从右往左开.el-drawer.rtl{ overflow: auto;}//使得drawer可以滚动.el-drawer__container ::-webkit-scrollbar{ display: none;}//隐藏滚动条，在谷歌浏览器上是ok的但是写完到了firefox滚动条还在，需要加上:*{ scrollbar-width: none;}...
2020-05-16 08:34:59
1438
原创 elementui分页报错Invalid prop:type check failed for prop total.Expected Number with value
刚开始在分页里绑定了分页的总数据<el-pagination class="pagination" :page-size="limit" background layout="prev, pager, next" :total="total"//这里！！ :current-page="currentPage" @current-change="handleCurrentChange" ></el-pagination>但是在初始化赋值的时候写了tota
2020-05-15 13:16:04
14737
1
原创 el-drawer使用滚动条
<style>.el-drawer.rtl{ overflow: scroll;}</style>刚开始把没把scoped去掉显示不出，去掉就可以了。效果如下:
2020-05-14 08:21:46
4341
4
原创 elementui表格调整行高
在el-table加上row-style和cell-style属性<el-table :data="list" style="width:100%;" border :row-style="{height:'40px'}":cell-style="{padding:'5px 0'}">
2020-05-13 20:18:24
2059
原创 vue使用moment.js格式化时间
npm install moment --save然后在main.js引入import moment from 'moment'Vue.prototype.$moment = moment接着就可以在组件里面使用了当前时间moment().format('YYYY-MM-DD HH:mm:ss'); 7天前的日期：moment().subtract('days',7).format('YYYY年MM月DD日'); 7天后的日期：moment().add('days',7).forma
2020-05-13 15:06:09
396
原创 elementui表格循环从后台拿到的数据
<el-table :data="list" style="width:100%" border> <el-table-column label="账号"> <template slot-scope="scope">{{scope.row.user_id}}</template> </el-table-column> <el-table-column label="姓名">
2020-05-13 14:59:35
2939
1
原创 vue-element-admin关闭eslint
在根目录找到.eslintignore文件把内容改成’*’，这样一来就能自动忽略对所有文件的校验了！！！
2020-05-01 19:28:43
1357
原创 小程序真机调试不显示本地图片
src要用绝对路径<image src="/images/img1.png"/>而使用相对路径只能使图片在开发者工具中显示，真机调试就不行了<image src="/../images/music_icon.png"/>...
2020-05-01 14:46:14
1624
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人