电商系统 常用代码 AVUE

原文:
https://gitee.com/smallweigit/avue-doc/blob/master/api.md
https://www.bookstack.cn/read/avue-1.x/c2eb9c4cc35e2805.md

CRUD表格 操作栏 宽度调整

menuWidth:380,

备注的样式

span: 24,
minRows: 6,
type: "textarea",

只能通过点击按钮来关闭对话框(是否可以通过点击modal关闭Dialog)

dialogClickModal: false,

列隐藏(在form表单中隐藏)

display: false,

列隐藏(在table中隐藏)

hide: true,

列格式化

	{
	  label: "在售店铺",
	  prop: "saleStoreNames",
	  rules: [{
		required: true,
		message: "请输入在售店铺",
		trigger: "blur"
	  }],
	  display: false,
	  search: true,
	  formatter(row, value, label, column) {
		return value.replace(/,/g,'<br>');
	  },
	},

deepClone对象深拷贝

var obj2 = this.deepClone(obj1);

在Form表单上独占一行

span: 24

判断是否为空

console.log(this.validatenull(obj1))

对象深拷贝

var obj1 = {
    name:'张三'
  }
var obj2 = this.deepClone(obj1);

下拉项为字典

https://www.cnblogs.com/guxingy/p/13890759.html

{
  label: "类型",
  prop: "type",
  rules: [{
	required: true,
	message: "请输入类型",
	trigger: "blur"
  }],
  type: "select",
  dicUrl: "/api/blade-system/dict/dictionary?code=pms_store_type",
  props: {
	label: "dictValue",
	value: "dictKey"
  },
},
原文地址:https://www.cnblogs.com/guxingy/p/14206700.html