随笔分类 -  vue

vue学习
Vue:uni-app学习（十）-- 网络请求uni.request
摘要：onLoad() { this.getList() }, getList() { var data = { column: 'id,post_id,title,author_name,cover,published_at' //需要的字段名 }; uni.request({ url: 'https: 阅读全文
posted @ 2020-08-12 16:16 wukong1688 阅读(700) 评论(0) 推荐(0)
Vue:uni-app学习（九）--引入地图
摘要：Vue:uni-app学习（九）--引入地图 <template> <view> <map style="width: 100%; height: 600px;" :latitude="latitude" :longitude="longitude" :markers="covers"> </map 阅读全文
posted @ 2020-08-12 14:48 wukong1688 阅读(516) 评论(0) 推荐(0)
Vue:uni-app学习（八）--上滑透明渐变吸顶
摘要：Vue:uni-app学习（八）--上滑透明渐变吸顶 阅读全文
posted @ 2020-08-12 14:35 wukong1688 阅读(1017) 评论(0) 推荐(0)
Vue:uni-app学习（七）--常用第三方组件汇总
摘要：List 列表 uni-ui 的 List 组件 ，帮助使用者快速构建列表 https://ext.dcloud.net.cn/plugin?id=24 GoodsNav 商品导航 uni-goods-nav 组件主要用于电商类应用底部导航，可自定义加入购物车，购买等操作 https://ext.d 阅读全文
posted @ 2020-08-12 14:34 wukong1688 阅读(832) 评论(0) 推荐(0)
Vue:uni-app学习（七）--Flex布局
摘要：一、容器属性 display:flex flex-direction: 取值：row(默认) | row-reverse | column | column-reverse flex-wrap: 取值：nowrap(默认) | wrap | wrap-reverse flex-flow: flex- 阅读全文
posted @ 2020-08-12 11:05 wukong1688 阅读(943) 评论(0) 推荐(0)
Vue:uni-app学习（六）--表单组件
摘要：Vue:uni-app学习（六）--表单组件 <template> <view> </view> </template> <script> export default { data() { return { }; } } </script> <style lang="scss"> </style> 阅读全文
posted @ 2020-08-11 21:50 wukong1688 阅读(580) 评论(0) 推荐(0)
Vue:uni-app学习（五）--媒体组件（图片、视频）
摘要：一、图片展示 <template> <view> <page-head :title="title"></page-head> <view class="uni-padding-wrap uni-common-mt"> <view class="uni-title"> 示例1 <text>\n本地图 阅读全文
posted @ 2020-08-11 21:49 wukong1688 阅读(290) 评论(0) 推荐(0)
Vue:uni-app学习（四）--下拉刷新 上滑加载
摘要：Vue:uni-app学习（三）--下拉刷新 上滑加载 阅读全文
posted @ 2020-08-11 21:47 wukong1688 阅读(530) 评论(0) 推荐(0)
Vue:uni-app学习（三）--幻灯播放
摘要：Vue:uni-app学习（三）--幻灯播放 <template> <view> <swiper class="swiper" :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval" :duration="d 阅读全文
posted @ 2020-08-11 21:45 wukong1688 阅读(453) 评论(0) 推荐(0)
Vue:uni-app学习（二）--页面跳转
摘要：页面跳转： <template> <view class="content"> <navigator url="../form/form" open-type="navigate"> <button type="primary" class="button1">表单设置1-支持返回</button> 阅读全文
posted @ 2020-08-11 21:44 wukong1688 阅读(710) 评论(0) 推荐(0)
Vue:uni-app学习（一）--底部标签
摘要：一、新建my/my.vue标签页 二、pages.json页添加 1、pages "pages": [ ...... ,{ "path" : "pages/my/my", "style" : { "navigationBarTitleText": "my" } } ], 2、tabBar "tabB 阅读全文
posted @ 2020-07-28 22:54 wukong1688 阅读(253) 评论(0) 推荐(0)
Vue：使用vue-cli实现 todolist，自动添加一行，自动删除一行（三）
摘要：src\TodiList.vue <template> <div id="app"> <input v-model="inputValue" /> <button @click="handleSubmit">提交</button> <ul> <todo-item v-for="(item,index 阅读全文
posted @ 2020-07-19 21:27 wukong1688 阅读(314) 评论(0) 推荐(0)
Vue：使用vue-cli（二）
摘要：一、安装 npm install -g vue-cli 二、初始化项目 vue init webpack my-project 三、启动项目 cd my-project npm run dev 阅读全文
posted @ 2020-07-19 21:15 wukong1688 阅读(121) 评论(0) 推荐(0)
Vue：基础知识（一）
摘要：<!DOCTYPE html><html><head> <title>vue</title> <script type="text/javascript" src="../vue.js"></script></head><body> <div id="root"> <!-- {{name}} --> 阅读全文
posted @ 2020-07-19 20:25 wukong1688 阅读(115) 评论(0) 推荐(0)