Lyang666的博客

主要记录一些官网中没怎么使用过的方法，笔记随着做项目而更新。。。

1:父组件<template> <view> <!-- 子组件 --> <x-text ref='xText'></x-text> <view @click='onClick'>点击调用子组件方法</view> </view></template><script> // 此处引入省略... methods

1：创建js文件，写入所需的方法，例如：log.js。3：打印结果：page created。

1：项目中创建store目录，目录中创建index.js，如下：import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)const store = new Vuex.Store({ // 存放变量 state: { bannerAutoPlay:true }, // 存放方法 mutations: { // 设置banner 是否自动轮播 setBannerAutoPlay(

先看效果图轮播组件banner属性list：banner数据，格式：[{"title":"中国卫星","imgUrl":"https://gimg3.baidu.png"},{"title":"美国卫星","imgUrl":"https://gimg3.baidu.png"},{"title":"俄罗斯卫星","imgUrl":"https://gimg3.baidu.png"}]，可以添加与title平级的数据，比如说：{"title":"中国卫星","imgUrl":"https:.

方法：使用flex弹性布局1，父元素（容器）指定为flex弹性布局，主轴方向flex-direction为column，宽度width为100%，高度height为100vh。2，固定高度的子元素，width: 100%;height: 100rpx;3，需要铺满的子元素，width: 100%;flex: 1;具体代码如下：<template> <view class="pager"> <view class="view1"></vie