html中点击取消弹框消失,点击取消设置,弹出的确认框,我点击取消,然而还是取消了之前的设置。...

源自:4-1 编程挑战

点击取消设置,弹出的确认框,我点击取消,然而还是取消了之前的设置。

javascript

body{font-size:12px;}

#txt{

height:400px;

width:600px;

border:#333 solid 1px;

padding:5px;}

p{

line-height:18px;

text-indent:2em;}

JavaScript课程

JavaScript为网页添加动态效果并实现与用户交互的功能。

1. JavaScript入门篇,让不懂JS的你,快速了解JS。

2. JavaScript进阶篇,让你掌握JS的基础语法、函数、数组、事件、内置对象、BOM浏览器、DOM操作。

3. 学完以上两门基础课后,在深入学习JavaScript的变量作用域、事件、对象、运动、cookie、正则表达式、ajax等课程。

//定义"改变颜色"的函数

var mySet=document.getElementById("txt");

function ChangeColor()

{

mySet.style.color="red";

}

//定义"改变宽高"的函数

function ChangeWH()

{

mySet.style.width="300px";

mySet.style.height="300px";

}

//定义"隐藏内容"的函数

function Hidden()

{

mySet.style.display="none";

}

//定义"显示内容"的函数

function Show()

{

mySet.style.display="block";

}

//定义"取消设置"的函数

function Cancle()

{

var isCancle=confirm("是否真的取消");

if(isCancel=="true")

{

mySet.removeAttribute("style");

}

}

提问者:weixin_LJacks_0

2017-04-07 22:46

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
可以使用 Element UI 的 Dialog 组件来实现在表格点击数据弹出的功能。 具体实现步骤如下: 1. 在表格添加一个列,用来显示按钮或者链接,点击这个按钮或链接时弹出弹框; 2. 使用 Dialog 组件来创建弹框设置其属性如标题、宽度、高度等; 3. 在点击按钮或链接时,调用 Dialog 的 open 方法来打开弹框,同时将需要显示的数据传入弹框; 4. 在弹框展示传入的数据。 以下是示例代码: ```html <template> <div> <el-table :data="tableData"> <el-table-column prop="name" label="姓名"></el-table-column> <el-table-column prop="age" label="年龄"></el-table-column> <el-table-column label="操作"> <template #default="{ row }"> <el-button type="text" @click="showDialog(row)">查看</el-button> </template> </el-table-column> </el-table> <el-dialog :visible.sync="dialogVisible" width="30%" title="详细信息"> <el-form> <el-form-item label="姓名:">{{ dialogData.name }}</el-form-item> <el-form-item label="年龄:">{{ dialogData.age }}</el-form-item> </el-form> </el-dialog> </div> </template> <script> export default { data() { return { tableData: [ { name: '张三', age: 18 }, { name: '李四', age: 20 }, { name: '王五', age: 22 } ], dialogVisible: false, dialogData: {} } }, methods: { showDialog(row) { this.dialogData = row; this.dialogVisible = true; } } } </script> ``` 在上面的代码,我们在表格添加了一个操作列,用来展示“查看”按钮。当点击该按钮时,会调用 showDialog 方法打开弹框,并将当前行的数据传入弹框弹框展示数据使用了 Dialog 组件和 Form 组件。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值