自定义生成列表页面代码

本文介绍如何在Vue.js中自定义生成列表页面的代码,包括数据请求地址、组件状态、筛选条件和字段定义。代码示例位于`resources/js/pages/admin/users`,并展示了如何使用Vuex进行状态管理。同时,后台会返回数据注释和权限判断信息,以控制前端操作按钮的显示和禁用。
摘要由CSDN通过智能技术生成

列表页面

生成命令
php artisan create:view Admin/User index

1. 生成代码位置”resources/js/pages/admin/users”

<template>
<div class="admin_user_index">
    <div class="row"> 
        <div class="col-xs-12"> 
            <data-table class="box box-primary" :options="options"> </data-table> 
        </div> 
    </div> 
 </div>
 </template>

<script>
import { mapState, mapActions, mapMutations, mapGetters} from ‘vuex’;

export default {
components:{
},
props: {
},
data(){
let def_options = JSON.parse(this.$router.currentRoute.query.options || ‘{}’);
return {
options:{
id:‘data-table’, //多个data-table同时使用时唯一标识
url:’’, //数据表请求数据地址
operation:true

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值