vue.js实现页面加载完成执行函数

Posted 2023-04-07

vue.js实现页面加载完成执行函数
功能和jquery的
<script>
$(function ()
alert("1111");
)
</script>相同

参考技术A

vue.js实现页面加载完成执行函数
功能和jquery的
<script>
$(function ()
alert("1111");
)
</script>相同

函数的定义：给定一个数集A，对A施加对应法则f，记作f（A），得到另一数集B，也就是B=f（A）。那么这个关系式就叫函数关系式，简称函数。函数概念含有三个要素：定义域A、值域C和对应法则f。其中核心是对应法则f，它是函数关系的本质特征。

函数（function），最早由中国清朝数学家李善兰翻译，出于其著作《代数学》。之所以这么翻译，他给出的原因是“凡此变数中函彼变数者，则此为彼之函数”，也即函数指一个量随着另一个量的变化而变化，或者说一个量中包含另一个量。函数的定义通常分为传统定义和近代定义，函数的两个定义本质是相同的，只是叙述概念的出发点不同，传统定义是从运动变化的观点出发，而近代定义是从集合、映射的观点出发。

参考技术B new Vue(
.... ,
beforeCreate()

)

具体可以参考网站说明 https://vuejs.org/v2/guide/instance.html#Lifecycle-Diagram本回答被提问者和网友采纳 参考技术C

var vm = new Vue(

el:"#app",

data:

dizhi:['./img/1.jpg','./img/2.jpg','./img/3.jpg','./img/4.jpg','./img/5.jpg'],

eq:0

,

methods:

left:function()

this.eq--;

//console.log(this.eq)

if (this.eq < 0)

this.eq = 4

,

right:function()

this.eq++;

this.eq = this.eq %5;

//console.log(this.eq)

,

,

mounted:function()

var int = setInterval(this.right,1000)

vue.js学习之 如何在better-scroll加载完成后，自动滚动到最底部

 

首先我们需要使用scrollTo这个方法：

scrollTo(x, y, time, easing)

参数：

• {Number} x 横轴坐标（单位 px）
• {Number} y 纵轴坐标（单位 px）
• {Number} time 滚动动画执行的时长（单位 ms）
• {Object} easing 缓动函数，一般不建议修改，如果想修改，参考源码中的 ease.js 里的写法

 

为了组件的复用性，我们需要在scroll组件的props添加一个flag，可以监听父元素是否开启滚动到最底部。

scrollToEndFlag: {
        type: Boolean,
        default: false
}

　

接下来我们在scroll组件的mounted中加入如下代码：

setTimeout(() => {
        this._initScroll()
        console.log(this.scroll.maxScrollY)
        if(this.scrollToEndFlag) {
            this.scroll.scrollTo(0,this.scroll.maxScrollY)
        }
}, 100)  

　　

最后在父组件中使用

<scroll :scrollToEndFlag="scrollToEndFlag"> </scroll>