- 博客(32)
- 收藏
- 关注
RSS订阅原创 props的常见和不常见的几种使用方法
props有两种常见的方法方式一:字符串数组数组中的字符串就是attribute的名称;方式二:对象类型:对象类型 可以指定attribute名称的同时,指定他需要传递的类型,是否是必须的,默认值等等;props的对象用法props:{ // 指定类型 title:String, // 指定类型 同时指定是否必选,默认值 content:{ type: String, require:true, // 必传 default:"默认值" }props的类型可以有哪些?
2022-01-26 22:42:01
6225
原创 vue2事件总线
发射事件 子组件this.$bus.emit('aaa')监听事件 父组件this.$bus.$on("itemImageLoad", () => { refresh();});在原型上绑定$busmain.jsvue.prototype.$bus = new Vue()// vue实例是可以作为事件总线的
2021-12-17 10:33:18
389
原创 渐变色分割线css
渐变色分割线background-image: linear-gradient(to right,rgba(27,191,128,0),rgba(27,191,128,1))
2021-12-15 21:12:55
634
原创 如何使用better-scroll？（入门）
如何使用better-scroll？准备，需要’wrapper’父组件套’content’子组件的结构注意： 最外层的父组件里面，一定要只放一个标签； <div class="wrapper" ref="aaaa"> <div> <!--1.无论是否设置click:false, button都可以点击--> <button @click="btnClick">按钮</button> <!--
2021-12-12 16:33:58
568
原创 搜索过滤filter‘
arr.filter(val => (keyword ? val.title.indexOf(keyword) != -1 :true))
2021-11-18 09:23:18
69
原创 利用filter实现搜索
搜索栏绑定v-model = “keyword”列表判断arr.filter(val => (keyword ? val.title.indexOf(keyword) != -1 : true))
2021-11-02 10:00:58
337
原创 事件之中,传递默认参数和其他参数同时存在时
事件之中,传递默认参数和其他参数同时存在时@change= "(e)=>{change(item,e)}"其中e是默认参数item是添加传递的参数;
2021-10-27 10:34:29
241
原创 if里面报undefined
if(res.data.run){}报错run是undefined可以这么写if(res.data && res.data.run){}
2021-10-25 10:05:28
437
原创 scroll-view的uniapp横向滑动
scroll-view的uniapp横向滑动scroll-view标签设置样式,不换行white-space:nowrap;scroll-view的子标签们 变成行内块display:inline-block;
2021-10-14 08:49:26
232
原创 uniapp中uni-transition过渡组件溢出隐藏问题；
uni-transition过渡组件在使用过程中,slide-top线性划入时,整个过渡块没有做到溢出隐藏;这时,我们需要为uni-transition标签加上一个父元素;让他溢出隐藏<view style="overflow:hidden"> <uni-transition .../></view>...
2021-10-12 09:44:08
1460
原创 躲避...is undefined报错
&&躲避undefined当callBack这个函数未定义时,使用这个或字公式,可以避免报错,让callBack()在定义之时,执行;callBack && callBack()
2021-09-27 22:24:47
1171
原创 uniapp内网开发,下载安装插件市场的插件
下载组件从插件市场 badge详情页，点击“下载”按钮，下载完成后，解压导入组件假设 page-a.vue 页面需要用到 badge，则在 page-a.vue 的 script 节点下导入 badge 组件，如下：import uniBadge from "@/components/uni-badge/uni-badge.vue"定义组件在 components 选项中定义 badge 组件，如下：export default { data() { retu
2021-09-27 15:04:24
1079
原创 vue3,今日份bug,reactive里不能再赋值响应式数据
下面的a,b是两个响应式数据;let b = ref('')const a = reactive([ {value:"嘿嘿"])a里面不能再添加其他响应式数据,否则就会产生数据不更新的问题比如,如果我们这么写:const a = reactive([ {value:b.value])当我们给b赋值let b = ref('给b个值')那么a里的b数据会不更新;console.log(a)// [ {value:"嘿嘿"]...
2021-09-26 18:34:28
2108
1
原创 uniapp,cli-vue3(及vue2)引入f2；cli-vue3(以及vue2) Echarts引入总结
文章目录cli-vue3中引入f2uniapp - vue3引入F2cli-vue2中引入f2cli-vue3(以及vue2) Echarts引入cli-vue3中引入f2main全局配置import * as F2 from '@antv/f2'const app = createApp(App);app.config.globalProperties.$F2 = F2;mian.jsimport { createApp } from 'vue'import App from './Ap
2021-09-23 14:50:22
2468
原创 css样式笔记
怪异盒模型,样式不会被撑大 padding: 15rpx; box-sizing: border-box;字体之间的间距20px letter-spacing: 20px;
2021-09-17 23:01:35
57
原创 动态添加class
class动态添加<view href="#" @click="showDiv=1" :class="{'select':showDiv===1}">跟进记录(8)</view><view href="#" @click="showDiv=2" :class="{'select':showDiv===2}">详情</view><view href="#" @click="showDiv=3" :class="{'select':showDiv===
2021-09-17 17:28:09
246
原创 用vue3方法解决echarts的折线图数据不更新问题
用vue3方法解决echarts的折线图数据不更新问题我在用vue3写uniapp的时候,遇到了很多兼容问题,引入echarts并不好用于是我用这位大佬的方法引入了echartsuniapp引入echarts链接(vue3也能用)引入之后,我发现折线图不更新;于是我用了vue3的最新技术,Suspense异步等待api;这样就实现了异步更新数据<template> <view class="viewimg"> <!-- 利用vue3异步等待组件引入图表Sus
2021-09-17 11:19:01
2017
原创 iconfont利用symbol引入图标
iconfont利用symbol引入图标下载到本地将iconfont.js放到静态文件夹中mian.js引入import './static/iconfont.js'使用:<svg class='icon' aria-hidden='true' > <use xlink:href='#icon-task'></use> </svg>设置通用样式 .icon{ width: 40rpx; height: 40rpx; f
2021-09-15 16:12:32
511
原创 props父传子必备要素
props父传子必备要素父组件要传的参数,加引号<Details :url="url"/> //引入子组件import Details from './common/Details.vue';设置需要传的变量setup(){ const url = ref('/components/iconcomponents/Commonlist') return{ url } }子组件标签上绑定上变量<navigator :
2021-09-15 11:51:36
245
原创 vant使用官网代码之后,不显示的bug
比如这个是vant官网复制的下拉菜单通过以下方式来全局注册组件import { createApp } from 'vue';import { DropdownMenu, DropdownItem } from 'vant';const app = createApp();app.use(DropdownMenu);app.use(DropdownItem);vue模板内容<van-dropdown-menu> <van-dropdown-item v-mo
2021-09-07 17:21:06
1780
原创 removeEventListener使用中的bug(vue3)
首先写一个vue3获取鼠标的代码<template> <h2>当前求和为：{{sum}}</h2> <button @click="sum++">点我+1</button> <hr> <h2>当前点击时鼠标的坐标为：x：{{point.x}}，y：{{point.y}}</h2></template><script> import {ref}
2021-09-07 17:06:17
1565
原创 vue3之中的监视watch的六种情况,及其bug
vue3之中的监视的六种情况,及其bug因为setup里面的this是undefined,所以可以放心的写箭头函数watch参数一参:监视的谁二参:监视的回调三参:监视的配置immediate:true, //初始化的时候,立即监听一次deep:true, //深度监视,如果数据的层级是很多层的,那么就可以写个deep例题:<template> <h2>当前求和为：{{sum}}</h2> <button
2021-09-07 14:09:06
1005
原创 vue3监视属性中的bug
vue3监视属性watch无法获取oldvaluevue3监视属性watch无法获取oldvaluevue3监视属性watch无法获取oldvalue监视reactive所定义的一个响应式数据的全部属性时 watch(person,(newValue,oldValue)=>{ console.log('person变化了',newValue,oldValue) },{deep:false}) //此处的deep配置无效 1.注意：此处
2021-09-07 13:47:40
219
原创 vant利用deep修改的样式不显示
vant利用deep修改的样式不显示在vue2中1.::v-deep div{color:red;}2./deep/ div{color:red;}可以深层修改页面的样式在vue3中deep(div){color:red;}一定要在scoped下进行,不加scoped,deep不生效<style scoped>...<style/>...
2021-09-06 15:15:11
1462
原创 小程序的前端操作云数据库出现的问题；及解决方案；
如果小程序的前端操作云数据库会出现下面这几个问题;只能查询到最多20条数据;只能修改自己的_openid数据,不能修改别人插入到集合的数据,只能查看;解决方案:在云函数中进行数据库的相关操作;前端调用云函数即可;...
2021-08-06 12:06:28
182
原创 微信小程序如何进行多账号测试
微信小程序进行多账号测试添加用户到项目成员里面才可以添加用户到项目成员里面才可以打开微信小程序菜单栏找到工具点击多账号测试点击添加(需要去微信小程序后台点击添加才行)点击 5. 去微信小程序后台添加项目成员,网址:(https://mp.weixin.qq.com/wxamp/user/manage?action=index&use_role=1&token=1624270992&lang=zh_CN)6.设置权限,可以让所有成员看见数据只能自己点赞自己的likes
2021-08-06 11:59:00
4911
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人