完美前端

摘要：上面一排tab导航， 下面切换滚动 这是一个完整的组件, 可以直接使用 <template> <view> <!-- 导航切换 --> <view class="tab-bars"> <scroll-view class="tab-bar" scroll-x="true" show-scrollba 阅读全文

摘要：CSS样式设置：主要是下面两个需要注意，不然不会横排 在scroll-view控件的属性里设置：white-space: nowrap; (不换行) 在子控件里设置： display: inline-block; 阅读全文

摘要：#### HTML元信息和链接 字符集设置 <meta charset="UTF-8"> 此标签指定文档使用的字符编码为UTF-8。 兼容性设置 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> 此标签指示IE浏览器使用其 阅读全文

摘要：H5 的 select 标签用 picker 组件进行代替 https://uniapp.dcloud.io/component/button <template> <view> <picker @change="bindPickerChange" :value="index" :range="ar 阅读全文

摘要：<view class="mask" @touchmove.stop.prevent="moveHandle"></view> 阅读全文

摘要：一、Vue3.x Teleport、 Vue3.x中的组件模板属于该组件，有时候我们想把模板的内容移动到当前组件之外的DOM 中，这个时候就可以使用 Teleport。 表示teleport内包含的内容显示到body中 <teleport to="body"> 内容 </teleport> <tel 阅读全文

摘要：一、Vue3.x中的mixin介绍使用 混入 (mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。 1、新建mixin/base.js const baseMixin 阅读全文

摘要：父组件给子组件传值 vue2 1、父组件调用子组件的时候传值 <template> <v-header :title="title"></v-header> </template> <script> import Header from './Header' export default { dat 阅读全文

摘要：Vue3.x中使用Axios请求远程真实Api接口数据 https://github.com/axios/axios 1、安装 npm install axios --save 或者 yarn add axios 或者 cnpm install axios --save 2、引入使用 import 阅读全文

摘要：1.1、单个v-mode数据绑定 默认情况下，组件上的 v-model 使用 modelValue 作为 prop 和 update:modelValue 作为事件。我们可以通过向 v-model 传递参数来修改这些名称： <my-component v-model:foo="bar"></my-c 阅读全文