当前位置:首页 > 前端 > 正文内容

antd vue版一些小细节

Z先生5年前 (2020-10-05)前端847

复选框默认选择

复选框选择默认选择,但是不要使用属性手上的checked,否则渲染后无法动态修改,有defaultChecked方法,但是测试无效,所以使用valuePropName:

<pre class="prism-highlight prism-language-javascript"><a-checkbox
  style="padding:5px 10px;"
  v-decorator="[
        'islunar',
        { valuePropName: islunar ? 'checked' : 'unchecked', rules: [{ required: false }] }
        ]"
>
  农历
</a-checkbox>

表单 异步的 defaultValue 不生效

不使用defaultValue,如果是普通显示那么使用v-model传值即可,如果是在表单中,那么用initialValue

标签: vueantd
分享给朋友:

相关文章

VUE/UNIAPP事件传参

第一种方式使用data<view @click="handleClick" data-info="大家好">点击按钮</v...

UNIAPP内容区域高度定义

代码如下height: calc(100vh - var(--window-top) - var(--window-bottom));CSS变量uni...

vue深度监听

还是不废话,直接上干货 watch: { data: { handler: function(newVal, oldVal) { cons...

js关于this的小技巧

这段时间,vue写的多了,习惯了es6的方式写函数,但是这种写法很容易导致this失效,比如刚刚发布的vue深度监听的问题,用了es6的写法,this就没法用,换回传统写法就可以了。// es6写法,...

【原创】Promise循环执行,以及延时循环

演示代码//核心代码 function promiseMain(page) { return new Promise(function(resolve,&...

Ant Design table自定义复选框的默认不可选状态

官网上的getCheckboxProps中的disabled的值是record.name==="XXX",我在用的过程中肯定是一个list,然后我就想用函数返回true或false...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。
请先 登录 再评论,若不是会员请先 注册