![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
uni-app
幸福了,然后呢
老老实实,努力挣钱~~
展开
-
uniapp实现可滑动顶部选项卡
uniapp实现可滑动顶部选项卡利用<scroll-view>和<swiper>实现可滑动顶部选项卡,实现效果类似下图:这里,简单模拟一下,实现一个大致效果一、构建顶部tab选项按钮步骤使用<scroll-view>组件布局,横向滑动需要使scroll-x="true"设置选项按钮的初始数据barNameList及当前默认第一个tab所在位置tabIndex点击选项按钮获取当前下标值@click="ontabtap",切换状态<scroll-vi原创 2021-09-22 11:23:00 · 13474 阅读 · 5 评论 -
uni-app小知识点记录
uni-app开发中的一些小知识点记录require.context( )vuex中 actions方法HTML5+ 之 plus在代码热更新中的使用 一、require.context( )const modulesFiles = require.context('./modules', true, /\.js$/)文件结构示例:语法: require.context(directory, useSubdirectories = false, regExp = /^.//);d原创 2021-09-14 15:28:23 · 3199 阅读 · 2 评论 -
uni-app图片高度自适应及无法设置背景颜色
一、图片高度自适应图片自适应本身的高度mode="widthFix"<view class="ad"> <image class="img_style" src="../../static/images/adpage.jpg" mode="widthFix"></image> </view>mode的其它取值:二、无法设置背景颜色<style scoped lang='scss'> </style>//在原创 2021-06-16 10:46:01 · 697 阅读 · 0 评论 -
uni-app父子组件间的方法调用及传值
uni-app父子组件间的方法调用及传值方法调用:一、父组件调用子组件里的方法先准备一个子组件<template> <view></view></template><script> export default { data(){ return {} }, methods:{ childMethod() { // 子组原创 2021-06-04 18:33:37 · 2246 阅读 · 0 评论 -
main.js中Vue.prototype用于全局页面的变量
main.js中的Vue.prototype可用于全局页面的变量(store为例)uni-app项目,在main.js文件中使用Vue.prototype方法挂载一个可用于全局页面的变量import Vue from 'vue'import App from './App'import store from './store'Vue.prototype.$store = store通过这个方法,可以在其他页面直接进行使用:let TMSids = [];// 对TMSids变量进行一系列原创 2021-05-27 11:19:34 · 2258 阅读 · 0 评论 -
初识 /deep/ 和 >>>
初识 /deep/ 和 >>>前提场景:在开发vue或者uni-app的时候,我们会用到一些第三方的ui组件库,例如element ui,我们的需求可能在这些ui组件库里找不到完全适合的样式,需要我们在此基础上修改样式以来实现自己的需求。此时,我们就可能会遇见这样一个问题,找到了组件库元素对应的标签名,修改此标签样式,但是并不生效,这可能是实际上就没有找到这个元素,这时我们就需要一个选择器能深度的帮助我们找到这个元素,比如>>>解决办法:使用深度作用器<sty原创 2021-05-19 15:26:01 · 435 阅读 · 0 评论 -
view标签自定义属性传参
view标签自定义属性传参功能描述:顶部Tab栏切换,点击tab标签获取对应的下标值,完成底部列表数据的切换代码示例:循环tab栏数据渲染,自定义属性data-current,取的是每一个tab对应的它自己的下标值,分别为0,1,2<view v-for="(tab,tabIndex) in tabBars" :key="tab.status" :class="tabIndex==currnetTabIndex ? 'tab-item active': 'tab-item'" :id=原创 2021-04-27 10:34:11 · 568 阅读 · 0 评论 -
使用vm.$nextTick更新视图
使用vm.$nextTick更新视图选择一个文件后,想要将文件名及文件路径显示出来,直接使用this.filePath修改不生效,vue中有vm.$nextTick( [callback] )方法可以更新视图数据:可参考官方文档:https://vuejs.bootcss.com/api/#vm-nextTickchooseFile: function() { // 选择文件 uni.chooseFile({ count: 1, success: function(res) { th原创 2021-04-06 11:04:04 · 210 阅读 · 0 评论 -
uni-app无法运行到微信开发者工具
uni-app无法运行到微信开发者工具uni-app在微信开发者工具里运行:注:首次运行需要配置微信开发者工具IDE的路径:按照官网说的配置完成后运行,还是无法运行,需要配置微信开发者工具,打开服务端口:配置完成后成功运行:...原创 2021-03-29 10:51:53 · 3073 阅读 · 0 评论 -
uni-app Canvas中解决文本颜色被背景色覆盖问题
uni-app Canvas中解决文本颜色被背景色覆盖问题步骤1:用uni-app中的canvas绘制一矩形,边框设置为红色,背景色设置为黄色: draw: function() { context.beginPath() context.rect(25, 25, 50, 50); context.setFillStyle('yellow'); context.setStrokeStyle('red'); context.stroke(); contex原创 2021-03-19 15:06:23 · 4831 阅读 · 0 评论