对按钮点击事件进行弹窗判断

最新推荐文章于 2023-11-20 21:28:57 发布

管理人

最新推荐文章于 2023-11-20 21:28:57 发布

阅读量804

点赞数

文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/weixin_52957570/article/details/126962498

版权

自带方法

三种弹窗

1.alert

2.prompt

3.confirm

1： alert 在测试时常用
2： confirm 可以套用if…else 来用，比如：confirm点击了确定做什么事情，点击了取消又做什么事情
3： prompt 弹窗输入；可以给网页设置密码。

一、过滤器
1.定义：Vue.js 允许你自定义过滤器，可被用作一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值和v-bind表达式。过滤器应该被添加在JavaScript表达式的尾部，由“管道”符指示。

2.作用：在我们页面显示值之前加一层过滤，展示我们过滤后的值

3.注意：过滤器可以用在两个地方：双花括号插值和 v-bind 表达式

4.使用语法
（1）{{变量 | 过滤器名}}
（2）{{变量 | 过滤器 | 另一个过滤器}} 可以同时使用多个过滤器，后面过滤器的data就是前面表达式传过来的值

5.定义方式

（1）全局定义：
通过Vue提供的filter方法定义：Vue.filter()
参数：过滤器的名字和过滤器执行函数

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="./vue-2.4.0.js"></script>
</head>
<body>
<div id="app">
<div>{{msg}}</div>
<div>{{msg | getStar}}</div>
<div>{{msg | getStar | getStar2}}</div>
</div>
</body>
<script>
Vue.filter('getStar',function(data,format){
return data.replace('沙雕','**')
})
Vue.filter('getStar2',function(data,format){
return data.replace('你','*')
})
let vm = new Vue({
el:'#app',
data:{
msg:'你是沙雕吧！'
},
methods:{

}
})
</script>
</html>