Web前端笔记-浏览器控制台调用js函数及vue函数

界面是这样的源码如下：index.html<html><head></head><body><h1>Hello World</h1><script type="text/javascript" src="js.js"></script><script type="text/javascript"&

IT1995

11187人浏览 · 2020-06-19 16:56:42

IT1995 · 2020-06-19 16:56:42 发布

界面是这样的

源码如下：

index.html

<html>
<head>
</head>

<body>
<h1>Hello World</h1>
<script type="text/javascript" src="js.js"></script>

<script type="text/javascript">

	function callFunctionDemo(){

		alert("Hello World");
	}
	
</script>

</body>

</html>

js.js

;

function jsFileCall(){
	
	
	alert("jsFileCall");
}

在控制台中调用

jsFileCall()

通过这种方式就可以进行弹窗了。

下面是vue中，首先在指定的vue文件中

export default {

  name: 'HelloWorld',
  data () {
    return {
    }
  },
  mounted() {
    window.mainPage = this;
    this.init();
  },
  methods:{

    callVueFunction(){

      alert("callVueFunction");
    },
　　　....
　　　....
　　　....
}

这样的话在vue中进行调用：

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^