前端
iZaiZaiA
123
展开
-
vue3 <script setup> 子组件,获取父组件的数据
vue3 <script setup> 中 子组件,获取父组件的数据父组件<template> <div> <slot/> </div></template><script lang="ts" setup>const props = defineProps({ type: { type: String, default: 10 }})</s原创 2021-07-13 16:20:24 · 5573 阅读 · 0 评论 -
vue3 <script setup> 自定义组件中,判断 slot 是否有内容。
vue script setup 自定义组件中,判断 slot 是否有内容。<template> <div> <slot/> <slot name="test"/> </div></template><script lang="ts" setup>import { useSlots } from "vue";//判断<slot/>是否有传值const slotDe原创 2021-07-13 16:15:03 · 9858 阅读 · 0 评论 -
vue3 <script setup> 执行子组件里的方法函数
vue3 script setup 执行子组件里的方法函数在搞自定义组件开发的时候,遇到的问题,vue2时,子组件里的方法函数,可以直接通过 this.$refs.xxx.xxxx() 来执行,但在vue3中,尤其是 <script setup> 中,是不允许这样的,由于 <script setup> 目前没啥文档,相关资料,不太好找,最后再github反馈,才找到解决方案,这个方案,很简单,实际上,就是vue2的思维,没转换过来。自定义组件<template>原创 2021-07-13 15:58:37 · 6199 阅读 · 4 评论 -
微信小程序 colorui 仿美团优选商家模板界面(无功能)
使用的是colorui的小程序UI框架。colorui地址:https://www.color-ui.com/index.wxml<!--状态栏区域--><view class="cu-custom" style="height:{{CustomBar}}px;"> <view class="cu-bar fixed none-bg ...原创 2019-03-08 00:14:06 · 7404 阅读 · 3 评论 -
微信小程序 colorui购物车界面模板(无功能)
使用的是colorui的小程序UI框架。colorui地址:https://www.color-ui.com/index.wxml<view class="cu-custom" style="height:{{CustomBar}}px;"> <view class="cu-bar fixed none-bg text-white ...原创 2019-03-08 00:17:13 · 7255 阅读 · 0 评论 -
微信小程序 colorui 修改弹出加载框的问题(2.0.2版本)
使用的是colorui的小程序UI框架。colorui地址:https://www.color-ui.com/wxml代码<view class="canui-load" wx:if="{{loadModal}}"> <view class='cu-load load-modal text-blue' wx:if="{{loadModal}}"&g...原创 2019-03-08 11:27:16 · 3446 阅读 · 0 评论 -
ColorUI 微信小程序 商品详情页模板,仿微信胶囊
使用的是colorui的小程序UI框架。colorui地址:https://www.color-ui.com/index.wxml<!--商品轮播图--><swiper class="screen-swiper square-dot bg-white" indicator-dots="true" circular="true" autopla...原创 2019-03-18 23:24:26 · 9743 阅读 · 3 评论