工作中遇到的一些小问题

236 阅读1分钟

一、由于表格中的按钮涉及到权限问题,需要动态的显示和隐藏一些按钮。 但是在layui中表格头部的工具栏是采用的动态渲染,这里贴上一段代码

<script type="text/html" id="toolbarDemo">
 <div class="layui-btn-container"  id="toolbarDemo">
    <button class="layui-btn layui-btn-sm" lay-event="getCheckData">获取选中行数据</button>
    <button class="layui-btn layui-btn-sm" lay-event="getCheckLength">获取选中数目</button>
    <button class="layui-btn layui-btn-sm" lay-event="isAll">验证是否全选</button>
  </div>
</script>  

layui我最开始采用的这个形式,自定义toolbar显示不出来。 最后采用外层创建一个div标签,对v-show="false"于是就能够成功渲染了。贴一下我的代码思路,仅供参考

<div v-show="false">
  <div class="layui-btn-container"  id="toolbarDemo">
    <button class="layui-btn layui-btn-sm" lay-event="getCheckData">获取选中行数据</button>
    <button class="layui-btn layui-btn-sm" lay-event="getCheckLength">获取选中数目</button>
    <button class="layui-btn layui-btn-sm" lay-event="isAll">验证是否全选</button>
  </div>
</div>

highlight: arta

二、关于Vue3在setup中调用接口加载数据赋值给变量后,return之后的数据没有响应。 接口获取的数据对象,需要遍历添加myArray数组中才可以更新到数据

 getCard({"boardId":id})
 .then((res)=>{
    if(res.data.status==0){
      let datas=res.data.data;
      datas.boardData.forEach((item) => {
                myArray.push(item)
        })
    }else{
       
    }
}).catch(error=>{
  ElMessage.error("接口出错");   
})