vue 自定义js文件 写方法

//全局函数方法
exports.install = function(Vue, options) {
    Vue.prototype.$popup = function(msg, time) {
         //msg 为内容
         //time 弹窗显示时间
          time = isNaN(time) ? 3000 : time;
        var m = document.createElement(‘div‘);
        m.className="popupall"
        m.innerHTML = msg;
        document.body.appendChild(m);
        setTimeout(function () {
            var d = 0.5;
            m.style.webkitTransition = ‘-webkit-transform ‘ + d + ‘s ease-in, opacity ‘ + d + ‘s ease-in‘;
            m.style.opacity = ‘0‘;
            setTimeout(function () {
                document.body.removeChild(m)
            }, d * 1000);
        }, time);

    };
};

单页调用

that.$popup("发表内容",3000)

main.js文件引用

import com from ‘./public/js/com‘
Vue.use(com);

原文地址:https://www.cnblogs.com/chen527/p/11934552.html

时间: 2024-10-29 03:12:47

vue 自定义js文件 写方法的相关文章

用AngularJS构建单页应用,根据需求加载JS文件的方法

我们在AngularJS中可以根据网址不同直接切换view,动态加载网页模板,但是控制模板的控制器需要先定义好才可以,不能和网页模板同时加载,这样就造成整个网站的JS都要先加载完成. requireJS是大家第一个想到的东西,但是体积有点大,github上就有个人用它写了Angular的动态加载controller模块,是通过js promise异步编程技术实现的,最后的解决很简单~~ 首先在$routeProvider里面加resolve属性, $routeProvider. when('/p

vue导入外部js文件的方法

1.将需要引入的外部js文件,改成下图的格式,将需要引入的内容放在一个函数内,并通过export暴露出来.  2.在vue里引入该模块 通过import引入,然后写入方法里,再按需求调用 原文地址:https://www.cnblogs.com/webwangjie/p/10950808.html

JQuery 加载 CSS、JS 文件的方法有哪些?

在进行web前端开发(http://www.maiziedu.com/course/web-px/)时,我们可能会需要使用JQuery加载一个外部的css文件或者js文件,加载外部文件的方法有多种,下面具体看看各种加载方法 JS 方式加载 CSS.JS 文件: //加载 css 文件function includeCss(filename) { var head = document.getElementsByTagName('head')[0]; var link = document.cre

异步加载js文件的方法总结

方法一,jQuery.getScript HTML 代码: 代码如下 复制代码 <button id="go">Run</button><div class="block"></div> jQuery 代码: jQuery.getScript("http://dev.jquery.com/view/trunk/plugins/color/jquery.color.js", function(){ $

Yii2 自定义日志文件写日志

头部引入log类use yii\log\FileTarget; $time = microtime(true);$log = new FileTarget();$log->logFile = Yii::$app->getRuntimePath() . '/logs/zhidemy.com.log'; //文件名自定义$log->messages[] = ['test',1,'application',$time];$log->export(); 这样基本就能写出来了,先看一下$lo

Vue main.js 文件中全局组件注册部分

main.js中修改如下: 首字母替换成大写,加上小写字母v开头. import components from './components/' //加载公共组件 Object.keys(components).forEach((key) => { var name = key.replace(/(\w)/, (v) => v.toUpperCase()) Vue.component('v'+name, components[key]) }) 原文地址:https://www.cnblogs.

自定义日志文件写日志

use yii\log\FileTarget; $time = microtime(true); $log = new FileTarget(); $log->logFile =  Yii::$app->getRuntimePath()."/logs/a.log'; $log->message[] = ['test',1,'application',$time]; $log->export(); /** [0] => message (mixed, can be a

使用js设置ul标签的显示或隐藏和超链接调用js文件的方法

<ul class="nav" id="rm" style='display:none'> <li>   <a href='#' onclick='Repayment()' >还款信息</a></li> </ul> document.getElementById("rm").style.display="none"

在SharePoint解决方案中使用JavaScript (1) – 引用.js文件

本文是系列文章的第一篇. 在SharePoint解决方案中使用JavaScript (0) ? 作为在SharePoint应用程序中使用JavaScript的第一步,就是要知道如何将一个写好的.js文件,引用到页面上.嗯,你可能觉得这个话题太简单了,"引用一个.js文件不就是在页面上方加一个<script>标签吗?"但是我们要考虑的事情,可通常要比这复杂得多.比如,我们大部分的.js文件,可能都是需要放置在网站中的所有页面上的,修改网站里面的每一个.aspx显然不是好主意,