iview表格table中，如何添加Dropdown 下拉菜单

不多说，先看看效果把！

在iview中Table表格中有一个列描述数据对象（render），render是 columns 中的一项，自定义渲染列，使用 Vue 的 Render 函数。传入两个参数，第一个是 h，第二个为对象，包含 row、column 和 index，分别指当前行数据，当前列数据，当前行索引。

当然官网提供一个简单的使用方法： iView - A high quality UI Toolkit based on Vue.js

现在我们来实现，添加一个Dropdown 下拉菜单：

这里要注意下我描述的，1，2，3，4点，先不急，咱们先看下官网这个Dropdown组件

不难看出，讲一个组件写成render其实很简单，只需要写成这样

最后就是要注意下，绑定事件了，这里的on要写成nativeOn，才可以出发事件。

不知道  小伙伴看懂了原理吗？不明白就留言，我会及时回复你的。

在前端页面中，可以通过添加二次确认d窗来防止用户误 *** 作。具体实现方式如下：

在需要添加二次确认的地方，例如一个“删除”按钮，绑定一个点击事件。

在点击事件中，调用 window.confirm() 方法，d出二次确认d窗。

window.confirm() 方法会返回一个布尔值，表示用户是否点击了确认按钮。如果点击了确认按钮，则返回 true，否则返回 false。

根据用户的选择，执行相应的 *** 作，例如删除数据、提交表单等。

示例代码如下：

html

Copy code

<button id="delete-btn">删除</button>

<script>

const deleteBtn = document.getElementById('delete-btn')

deleteBtn.addEventListener('click', function() {

const confirmed = window.confirm('确定要删除吗？')

if (confirmed) {

// 执行删除 *** 作

console.log('执行删除 *** 作')

} else {

// 取消删除 *** 作

console.log('取消删除 *** 作')

}

})

</script>

在上面的示例代码中，点击“删除”按钮会d出一个二次确认d窗，询问用户是否确定要删除。如果用户点击了确认按钮，则会执行删除 *** 作，否则则不执行。

1、首先打开3dMax选择新的空场景。

2、然后选择创建，在几何体选项中，选择想要的几何体，制作素材。

3、其次按快捷键F10调出渲染设置，在打开的界面中选择render Elements点击添加。

4、最后在d出来的选项框中，拉到最后，选择vRvywirecolor点击渲染即可。

---