Mu_Soul的博客

VueRouter 嵌套路由的一些想法

Antd vue 使用的是24栅格系统，可以很轻松的将内容分为4，6，8份，但是，需求不会只局限于这几种分法，5等分，7等分比比皆是，那么怎么让Antd vue的栅格系统可以做到5等分呢。下面图片为4等分容器（span=“6”）时的截图下面图片为5等分容器 （span=“5”） 时的截图看一下Antd vue 是如何将栅格5等分的打开Antd vue的源码中的 Grid下的index.css，可以看到其实这个css文件是定义了每一个情况栅格所占的大小以及布局的也就是说，我们只需要对col的样式进

在做表单提交时，我这边的需求是需要将select组件中的key作为id，value作为name传到后台。由于select组件默认无法同时获得key和value，所以，使用label-in-value属性来将key和value包装成一个object来获取。 <a-select label-in-value :disabled="disabled" show-search v-decorat

项目中有一个需求，点击列表条目编辑的时候，需要弹出一个modal，同时将列表的数据赋给modal中的form，一开始，我是在methods中定义了一个方法来接收列表参数 dialogShow (item, flag) { this.modalTitle = flag === 0 ? '新增工号' : '修改工号' if (flag === 1) { this.form.resetFields() } this.visible = tru

就在刚刚，我遇到了一个新的问题刚在跟着Vue的官网写例子，在《通过 Prop 向子组件传递数据这一部分》 中，不是有相关的网络请求的一个小例子嘛，我就照着栗子写出了下面的代码<template> <div> <a-button type="primary" @click="httpRequest"></a-button> <p>{{posts}}</p> </div></template&

父组件与子组件的关系在Vue中，父组件可以通过 $refs来管理通过ref注册过的所有子组件，即 $refs对象下可以包含很多 $ref对象。事件响应分别定义两个组件 parent.vue 和 sub.vue其中 parent.vue//如果想要实际测试代码的话，请优先引入ant-desigin-vue<template> <div> <a-button type="primary" @click="parentButtonClick">父组件事件

cd vue项目：cd app_name安装环境： npm i --save ant-design-vuemain.js中 import ‘anti’ from ‘anti-desigin-vue’Vue.use(anti)

安装vue npm install -g @vue/cli创建vue项目 vue create app_name在vue项目下搭建Electron环境：1、 cd app_name2、 vue add electron-builder运行Electron项目：npm run electron:serve

####  上一篇文章记录了Vue是如何向iOS发送消息实现通信的，这一篇就记录一下iOS是如何向Vue传递参数的。###1、为什么要向js发送参数#####  像京东，淘宝等商城类应用的商品详情页面排版使用原生语言实现同样的效果非常费劲，所以类似这样的页面可以使用H5来进行实现。#####  通过H5实现商品详情展示，原生实现列表。可以凑活兼顾渲染大列表H5性能问题和原生排版不便的问题。...

###1、准备一个Vue项目因为界面写起来有点费劲，我就只把Vue里面的App.vue加了一个按钮div<template> <div id="app"> <div id="nav"> <!-- 这一行是用于做向iOS传值的一个按钮div --> <div class="to-native-button"...