代码拉取完成,页面将自动刷新
avue-form中 cascader设置必填后 第一次 验证不通过
<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title></title>
<meta name="description" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<script src="https://cdn.staticfile.org/axios/0.19.0-beta.1/axios.js"></script>
<script src="https://cdn.staticfile.org/vue/2.5.17/vue.js"></script>
<link rel="stylesheet" href="../../cdn/element-ui/theme-chalk/index.css" />
<script src="../../cdn/element-ui/index.js"></script>
<link rel="stylesheet" href="../../../lib/index.css" />
<!-- <script src="../../../lib/avue.js"></script> -->
<script src="https://unpkg.com/@smallwei/avue@2.9.15/lib/avue.min.js"></script>
<script>
Vue.use(AVUE)
</script>
</head>
<body>
<div id="app">
<avue-form v-model="form" :option="option" ref="formRef">
<template slot="cascader3Type" slot-scope="{node,data}">
<span></span>
<span v-if="!node.isLeaf">{{data.label}}({{data.children.length}}) </span>
</template>
</avue-form>
</div>
</body>
<script>
const dic = [{
value: 'zhinan',
label: '指南',
children: [{
value: 'shejiyuanze',
label: '设计原则',
children: [{
value: 'yizhi',
label: '一致'
}, {
value: 'fankui',
label: '反馈'
}]
}]
}]
let id = 0;
let baseUrl = 'https://cli.avuejs.com/api/area'
new Vue({
el: '#app',
data() {
return {
form: {
"cascader": [],
},
option: {
column: [{
label: '多选',
prop: 'cascader',
type: "cascader",
dicData: dic,
rules: [
{ type: 'array', required: true, message: '请至少选择一个活动性质', trigger: 'change' }
]
}]
}
}
}
})
</script>
</html>