vue+vuetify表格控件v-data-table使用自定义列渲染

    这里先说明一下vue项目中使用vuetify框架进行整合的办法：

    1、加入依赖  npm install vuetify --save

    2、加入开发依赖 npm install sass sass-loader deepmerge --save-dev

    3、在webpack.base.config.js中加入如下配置：

module.exports = {
	module:
		rules:[
			{
				test: /\.s(c|a)ss$/,
				use: [
				  'vue-style-loader',
				  'css-loader',
				  {
					loader: 'sass-loader',
					// Requires sass-loader@^7.0.0
					options: {
					  implementation: require('sass'),
					  indentedSyntax: true // optional
					},
					// Requires sass-loader@^8.0.0
					options: {
					  implementation: require('sass'),
					  sassOptions: {
						indentedSyntax: true // optional
					  },
					},
				  },
				],
			  }
		]
}

    4、自定义插件

    src/plugins/vuetify.js

import Vue from 'vue'
import Vuetify from 'vuetify'
import &#