Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/450.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Vue和Rainyday.js_Javascript_Vue.js_Vuejs2_Vue Component - Fatal编程技术网

Javascript Vue和Rainyday.js

Javascript Vue和Rainyday.js,javascript,vue.js,vuejs2,vue-component,Javascript,Vue.js,Vuejs2,Vue Component,我试图找到使用Vue的方法,但找不到任何相关的方法。如何使用Vue实现rainyday.js <body onload="run();"> <img id="background" alt="background" src="" /> </body> <script src="./js/rainyday.min.js"></script> <script> function run() { v

我试图找到使用Vue的方法,但找不到任何相关的方法。如何使用Vue实现rainyday.js

<body onload="run();">
    <img id="background" alt="background" src="" />
</body>
<script src="./js/rainyday.min.js"></script>
<script>
    function run() {
        var image = document.getElementById('background');
        image.onload = function () {
            var engine = new RainyDay({
                image: this
            });
            engine.rain([
                [1, 2, 8000]
            ]);
            engine.rain([
                [3, 3, 0.88],
                [5, 5, 0.9],
                [6, 2, 1]
            ], 100);
        };
        image.crossOrigin = 'anonymous';
        image.src = 'http://i.imgur.com/N7ETzFO.jpg';
    }
</script>

我将run函数修改为mounted,但它不起作用

我尝试了下面的方法,它起作用了

下载rainyday.js库。在index.html中通过导入rainyday.js

这使得RainyDay类在全局范围内可用。现在,您可以在任何vue组件中使用RainyDay类

例如,Vue组件App.Vue

我想像a这样的东西会有用的。