【Vue组件eval方法的使用】

Vue页面中条件可以放在当前vue页面中而无需影响到组件


这是我的表格操作列按钮,需求是第四个按钮如果表格当前数据的is_execl字段为0则显示否则隐藏

这种条件判断很频繁 如果像之前一样给一个标识,页面多了就难以维护,而且判断条件如果不一样还不便维护

灰-常难用

如果按照我的方法

js 复制代码
hidden: "scope.row['is_execl']==0",

传递这个hidden,条件自定义也可为1,2,3等等

在组件内

复制代码
...
v-if="item.hidden?isBoolean(item,scope):true"
//我们需要渲染的标签条件


...
const isBoolean = (item, scope) => {
  return eval(item.hidden);
};
//eval这个灰常好用 是把传递过来的字符转为函数、变量、等等
...

只需要改变hidden里边的条件就可以了

灰常好用

相关推荐
陈不知代码6 分钟前
uniapp创建vue3+ts+pinia+sass项目
前端·uni-app·sass
小王码农记8 分钟前
sass中@mixin与 @include
前端·sass
陈琦鹏15 分钟前
轻松管理 WebSocket 连接!easy-websocket-client
前端·vue.js·websocket
hui函数42 分钟前
掌握JavaScript函数封装与作用域
前端·javascript
行板Andante1 小时前
前端设计中如何在鼠标悬浮时同步修改块内样式
前端
Carlos_sam1 小时前
Opnelayers:ol-wind之Field 类属性和方法详解
前端·javascript
小毛驴8502 小时前
创建 Vue 项目的 4 种主流方式
前端·javascript·vue.js
誰能久伴不乏2 小时前
Linux如何执行系统调用及高效执行系统调用:深入浅出的解析
java·服务器·前端
涔溪3 小时前
响应式前端设计:CSS 自适应布局与字体大小的最佳实践
前端·css
今禾3 小时前
前端开发中的Mock技术:深入理解vite-plugin-mock
前端·react.js·vite