vuejs实现iOS弹框 export
来源:互联网 发布:淘宝联盟渠道名称 编辑:程序博客网 时间:2024/06/10 11:22
1.引入文件popup.css
, popup.js
//方式1//popup.js//导出常量export const kwidth = 200;//导出函数export function noticeHide() { document.getElementById("popup-backdrop").style.display = "none"; document.getElementById("noticePopup").style.display = "none";}//chat.vueimport {noticeHide} from './popup.js';
//方式2//popup.js/** * 消息警告框 * @param {提示对话框上显示的内容} message * @param {提示对话框上显示的标题} title * @param {提示对话框上按钮显示的内容} buttonCapture */var notice = function(message,title,buttonCapture) {}export {notice}//chat.vueimport {notice} from './popup.js';
2.1.popup.js
export {prompts,notice,confirms,noticeHide,isConfirm_confirm}
2.2chat.vue
<el-button type="primary" class="btn" @click="submitAction()">提交</el-button>
<script> import {prompts,notice,confirms,noticeHide,isConfirm_confirm} from '../Common/Alert/popup.js' export default { data:function(){ return { textarea:'' } }, methods:{ backAction: function(){ this.$router.back(); }, //提交按钮点击事件 submitAction:function(){ var self = this; if(self.textarea ==''){ confirms("请填写内容",'提示'); //点击'是'触发事件,隐藏提示框 document.getElementById("confirmY").onclick = function(){ isConfirm_confirm(); } //点击'否'触发事件,隐藏提示框,back返回当前界面 document.getElementById("confirmX").onclick = function(){ isConfirm_confirm(); self.backAction() } }else{ notice('提交成功','提示','OK'); var self = this //点击'OK'触发事件,隐藏提示框,back返回当前界面 document.getElementById("notice").onclick = function(){ noticeHide() self.backAction() } } } } }</script>
<style>@import "../Common/Alert/pop.css"</style>
阅读全文
0 0
- vuejs实现iOS弹框 export
- 基于vuejs菜单实现
- vueJs实现二级标题
- VueJS实现用户管理系统
- vueJs
- vuejs
- VueJS
- vuejs
- vueJS
- vuejs
- vuejs
- 八小时实现迷你版vuejs之二:vuejs 架构
- webstorm vuejs 警告“default export is not declared in imported module”
- vuejs最简单实现 html+js
- 利用vueJs实现图片轮播
- vuejs实现数据驱动视图原理
- NodeJs+VueJs +前端实现批量打印二维码
- Nodejs+Vuejs实现无限分类关系
- 阿里云CentOS7 64位下安装MySQL5.7
- 支持向量机
- 各种MOS管介绍
- matplotlib解决中文乱码问题
- 人工神经网络(一)概述
- vuejs实现iOS弹框 export
- 15.SeekBar拖动条的应用实例
- JVM读书笔记之GC算法
- C语言基础练习2
- Android 签名详解
- 运维面试问答
- bzoj 4480: [Jsoi2013]快乐的jyy
- Perfect Squares——动态规划
- 高盛为什么认为中国AI领域将超越美国?