Cascader
<Cascader v-model="category" v-if="clinicLexiconWords"
:data="clinicLexiconWords" placeholder="请选择话术分类"
trigger="hover" filterable change-on-select
@on-change="(value, selectedData) => selectChange(value, selectedData)"></Cascader>
- change-on-select(可选择任意一级)
- change事件传参
@on-change="(value, selectedData) => test(value, selectedData, index)
https://blog.csdn.net/qq_40313245/article/details/86494682
Scroll
<Scroll :on-reach-bottom="handleReachBottom"
:distance-to-edge="Number(10)"
loading-text="更多内容加载中..."
:height="scrollHeight">
<Card dis-hover v-for="(item, index) in checkList" :key="index">
<p>{{item.name}}</p>
<p>{{item.content}}</p>
</Card>
</Scroll>
handleReachBottom () {
return new Promise(resolve => {
setTimeout(() => {
this.page++
this.getList(this.page)
resolve();
}, 2000);
});
}
https://ithelp.ithome.com.tw/articles/10208999
https://blog.csdn.net/weixin_30596735/article/details/96721974
form表单验证
<DatePicker format="yyyy-MM-dd" type="date" v-model="date"
@on-change="search.date = formatDate(date);getMovePraiseList(1);" placeholder="日期"></DatePicker>
- dataPicker v-model失效
必须on-change返回并赋值才能实现数据绑定,否则:value无法捕捉日期的而选择变动
https://blog.csdn.net/sinat_31231955/article/details/82344273
loading
<Button :loading="addLoading" @click.native="boastAdd('AddForm')">新建</Button>
网友评论