Wancc123的博客

【代码】ant design vue自定义时间段范围(range-picker)，moment相关API。

先在son子组件定义propsprops:{ message: { type: String ,default: ''},//正常书写 arr: { type: Array, default: () => [] },//接收数组 obj: { type: Object, default: () =>({name:''}) },//接受对象 obj: { type: Function},//接受函数}然后子组件通过computed监听双向绑定emits: ['update:mes

JSX中无法直接使用 ‘ ’ 来直接插入空格, 使用 {’\u00A0’}来插入一个空格, 如果想插入多个空格复写 \u00A0即可, 如: 若插入三个空格可写作{’\u00A0u00A0u

data(){ return { columns: [ { title: '序号', dataIndex: 'order', key: 'order', width: '10%', align: 'center', className: 'table-center', slots: { customRender: 'o

valueFormat 加这个属性 日期能变成中国北京时间（之前又遇到过 没这个属性 时间不准，不是中国的时间）<a-form-item ref="ac_effectStartDate" name="ac_effectStartDate" label="开始时间"> <a-date-picker v-model={[this.formState.ac_effectStartDate, 'value']} valueFormat="YYYY-MM-DD" style={{ wi

https://www.jianshu.com/p/b358a91bdf2d

{ "Print to console": { "prefix": "vue3+jsx+antd", "body": [ "import { defineComponent } from 'vue';", "", "const DataName = defineComponent({", " name:'DataName',", " setup(){", " return{};", " },", " render(){", " retu

setup(){ let formRef = ref();//绑定表单，对提交时触发表单验证规则 let formState = reactive({ number:'', // 默认值 与输入框绑定 如果想输入框能用placeholder, 那么就置为null password:'', type:null // 如果想默认显示第一项 写成第一项的值就行 写 ' ' 会默认为空 }); let rules ={ name:[ { required: tr

参考文档：https://2x.antdv.com/components/upload-cn let fileList = ref([]); // 这里是存放你上传的文件数据 const handleChange = (info) => { // 这里可以看到文件处于什么状态 如果你不写也没关系 if (info.file.status !== 'uploading') { console.log('info', info.file, info.file

v-show input的数据双向绑定const App = { setup() { let visible = ref(''); return { visible }; }, render() { return ( <input v-show={[this.visible,'value']} /> ); },};事件绑定 const App = { setup() { let tableTitle = [

vue3 + jsx +antd父子之间的通信 （模态框为例）//父组件 控制一个模态框的显示const model = defineComponent({name: ‘model’,setup() {let addLinkVisible = ref(false);const addChange = (bool)=>{console.log(bool);addLinkVisible.value = bool;}const cancelChange =(bool)=>{

//vue3+jsx+antd// antd组件中 table组件的使用细节const model = defineComponent({name: ‘model’,setup() {let pageObj = reactive({pageCur: 1, // 当前的页数pageSize: 10, // 一页显示的条数total: 0 //总共的条数})// 表格的第一行 一般做为标题内容let tableTitle = [{title: ‘标题1’, // 标题1dataI