八个组件的props透传,事件向上暴露

This commit is contained in:
yaoyanan
2021-04-07 17:57:14 +08:00
parent 53a032bc97
commit 139fe266e1
12 changed files with 108 additions and 57 deletions
+36 -7
View File
@@ -158,7 +158,7 @@
<a-row :gutter="24">
<a-col :span="12">
<a-form-item label="日期选择框">
<j-date v-model="jdate.value" :showType="'year'" dateFormat="YYYY"/>
<j-date v-model="jdate.value" :showType="'time'" dateFormat="YYYY-MM-DD HH:mm:ss"/>
</a-form-item>
</a-col>
<a-col :span="12">日期选择框(v-model){{ jdate.value }}</a-col>
@@ -178,7 +178,7 @@
<a-row :gutter="24">
<a-col :span="12">
<a-form-item label="过长剪切">
<j-ellipsis :value="jellipsis.value" :length="30"/>
<j-ellipsis :value="jellipsis.value" :length="20" @text-change="selectChange"/>
</a-form-item>
</a-col>
<a-col :span="12">过长剪切:{{ jellipsis.value }}</a-col>
@@ -198,7 +198,7 @@
<a-row :gutter="24">
<a-col :span="12">
<a-form-item label="多选下拉框">
<j-select-multiple v-model="jselectMultiple.value" :options="jselectMultiple.options"/>
<j-select-multiple v-model="jselectMultiple.value" :options="jselectMultiple.options" @change="selectChange"/>
</a-form-item>
</a-col>
<a-col :span="12">多选下拉框(v-model){{ jselectMultiple.value }}</a-col>
@@ -328,11 +328,10 @@
</a-form-item>
</a-col>
</a-row>
<a-row :gutter="24">
<a-col :span="12">
<a-form-item label="图片上传">
<j-image-upload v-model="imgList"></j-image-upload>
<j-image-upload v-model="imgList" title="22"></j-image-upload>
</a-form-item>
</a-col>
<a-col :span="12">选中的值(v-model){{ imgList }}</a-col>
@@ -340,7 +339,7 @@
<a-row :gutter="24" style="margin-top: 65px;margin-bottom:50px;">
<a-col :span="12">
<a-form-item label="文件上传">
<j-upload v-model="fileList"></j-upload>
<j-upload v-model="fileList" title="ddd" :multiple="true"></j-upload>
</a-form-item>
</a-col>
<a-col :span="12">
@@ -417,6 +416,23 @@
<a-col :span="12">选择的值(v-model){{ formData.jPopup }}</a-col>
</a-row>
<a-row :gutter="24">
<a-col :span="12">
<a-form-item label="JSwitch示例">
<j-switch v-model="formData.sw"></j-switch>
</a-form-item>
</a-col>
<a-col :span="12">选择的值(v-model){{ formData.sw }}</a-col>
</a-row>
<a-row :gutter="24">
<a-col :span="12">
<a-form-item label="JTime示例">
<j-time v-model="formData.mm"></j-time>
</a-form-item>
</a-col>
<a-col :span="12">选择的值(v-model){{ formData.mm }}</a-col>
</a-row>
</a-form>
</div>
@@ -449,6 +465,9 @@
import JAreaLinkage from '@comp/jero/JAreaLinkage'
import JMarkdownEditor from '@/components/jero/JMarkdownEditor/index'
import JSearchSelectTag from '@/components/dict/JSearchSelectTag'
import JSwitch from '@/components/jero/JSwitch.vue'
import JImportModal from '@/components/jero/JImportModal.vue'
import JTime from '@/components/jero/JTime.vue'
export default {
name: 'SelectDemo',
@@ -470,10 +489,14 @@
JCodeEditor,
JDate, JEditor, JEllipsis, JSlider, JSelectMultiple,
JCron, JTreeSelect, JSuperQuery, JMultiSelectTag,
JSearchSelectTag
JSearchSelectTag,
JSwitch,
JImportModal,
JTime
},
data() {
return {
ss:false,
selectList: [],
selectedDepUsers: '',
formData: {
@@ -589,6 +612,12 @@ sayHi('hello, world!')`
}
},
methods: {
as(){
this.ss = true
},
selectChange(){
console.log("ok")
},
getDepartIdValue() {
return this.form.getFieldValue('departId')
},