标签：混入 组件 CRUD crud mixins presenter defaultCrud

CRUD 是什么

Vue CRUD是一个管理CURD操作的前端模板,用于创建基于CURD(增, 删, 该, 查)的应用

说白了就是一个组件, 里面有很多方法

mixins 是什么

mixins 就是可以混入任何组件, 并且可以将其他组件的方法, 和计算属性, 在本组件中使用

 

使用 mixins 

一. 导入组件

import CRUD, { presenter } from '@crud/crud'

二. 使用方法

const defaultCrud = CRUD({

url: 'api/rule'

})

三. 混入

mixins : [presenter (defaultCrud )]

具体代码

<template>
  <div>
    <el-table ref="table" :data="crud.data" style="width: 100%">
      <el-table-column prop="date" label="Date" width="180" />
      <el-table-column prop="name" label="Name" width="180" />
      <el-table-column prop="address" label="Address" />
    </el-table>
  </div>
</template>

<script>
import CRUD, { presenter } from '@crud/crud'

const defaultCrud = CRUD({
  url: 'api/rule'
})

export default {
  mixins: [presenter(defaultCrud)]
}
</script>

<style>
</style>

 

我这个混入里有很多方法, 我是给了一个 url 地址传参数然后请求过来数据 :data="crud.data"

 

标签：混入,组件,CRUD,crud,mixins,presenter,defaultCrud
来源： https://www.cnblogs.com/wqddmg/p/16436989.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。