如何实现Vue表单中动态控制操作按钮的显示与隐藏示例?
- 内容介绍
- 文章标签
- 相关推荐
本文共计554个文字,预计阅读时间需要3分钟。
使用Vue时,返回的数据循环遍历若要用到v-if控制条件显示,不能直接赋值true或false,而应将true或false值push到数组中,再通过splice方法来控制显示或隐藏。以下是具体步骤:
1. 在data中定义数组`da`:javascriptdata() { return { da: [] };}
2. 在方法中,将true或false值push到数组`da`中:javascriptmethods: { pushTrueFalse() { this.da.push(true); // 或 this.da.push(false) }}
3. 使用v-if结合splice方法来控制显示或隐藏: 0>
使用情况,vue中返回的数据循环遍历如果用到v-if时不能直接赋值true 或者false,要true 或者false push到数组里面,隐藏或显示时用 splice方法。
本文共计554个文字,预计阅读时间需要3分钟。
使用Vue时,返回的数据循环遍历若要用到v-if控制条件显示,不能直接赋值true或false,而应将true或false值push到数组中,再通过splice方法来控制显示或隐藏。以下是具体步骤:
1. 在data中定义数组`da`:javascriptdata() { return { da: [] };}
2. 在方法中,将true或false值push到数组`da`中:javascriptmethods: { pushTrueFalse() { this.da.push(true); // 或 this.da.push(false) }}
3. 使用v-if结合splice方法来控制显示或隐藏: 0>
使用情况,vue中返回的数据循环遍历如果用到v-if时不能直接赋值true 或者false,要true 或者false push到数组里面,隐藏或显示时用 splice方法。

