文章目录1、Vue中实现表单数据的收集1.1基础知识1.2代码实例1.3测试效果1.4额外插一嘴 1、Vue中实现表单数据的收集1.1基础知识表单中常用的标签：input(输入框)、radio(单选框)、checkbox(多选框)、select(下拉列表)、textarea(文本域)、button(按钮)收集表单数据：若：，则v-model收集的是value值，用户输入的就是value值。若：，则v-model收集的是value值，且要给标签配置value值。若：1、没有配置input的value属性，那么收集的就是checked（勾选or未勾选，是布尔值）2、配置input的value属性
文章目录1、Vue中实现表单数据的收集1.1基础知识1.2代码实例1.3测试效果1.4额外插一嘴 1、Vue中实现表单数据的收集1.1基础知识表单中常用的标签：input(输入框)、radio(单选框)、checkbox(多选框)、select(下拉列表)、textarea(文本域)、button(按钮)收集表单数据：若：，则v-model收集的是value值，用户输入的就是value值。若：，则v-model收集的是value值，且要给标签配置value值。若：1、没有配置input的value属性，那么收集的就是checked（勾选or未勾选，是布尔值）2、配置input的value属性
//环境：vue+iview//Alphabet.js import Vuefrom 'vue';Vue.directive('Alphabet',{ //自定义指令 inserted: function(e){ constel=e.querySelector('.ivu-input');//获取控件 el.addEventListener("input", function(e){ //进行验证 checkedfun(el); }); el.addEventListener("input", function(e){ //进行验证
//环境：vue+iview//Alphabet.js import Vuefrom 'vue';Vue.directive('Alphabet',{ //自定义指令 inserted: function(e){ constel=e.querySelector('.ivu-input');//获取控件 el.addEventListener("input", function(e){ //进行验证 checkedfun(el); }); el.addEventListener("input", function(e){ //进行验证
前面介绍了model的字段属性，字段类型，这篇笔记介绍一下model的Meta选项。这个选项提供了一些参数，比如排序（ordering），表名（db_table）等。但这都不是必需的，都是作为可选项，主要是为使用者提供方便的、自定义的一些用法。以下是本次笔记的目录列表：db_tableget_latest_bymanagedordering1、db_table一般如果我们创建model的时候不指定表名，系统在makemigration和migrate的时候会默认给我们添加表名。规则是：app_name+"_"+model_name的小写。比如一个model为TestTableName，放在bl
前面介绍了model的字段属性，字段类型，这篇笔记介绍一下model的Meta选项。这个选项提供了一些参数，比如排序（ordering），表名（db_table）等。但这都不是必需的，都是作为可选项，主要是为使用者提供方便的、自定义的一些用法。以下是本次笔记的目录列表：db_tableget_latest_bymanagedordering1、db_table一般如果我们创建model的时候不指定表名，系统在makemigration和migrate的时候会默认给我们添加表名。规则是：app_name+"_"+model_name的小写。比如一个model为TestTableName，放在bl
前面介绍了model的字段属性，字段类型，这篇笔记介绍一下model的Meta选项。这个选项提供了一些参数，比如排序（ordering），表名（db_table）等。但这都不是必需的，都是作为可选项，主要是为使用者提供方便的、自定义的一些用法。以下是本次笔记的目录列表：db_tableget_latest_bymanagedordering1、db_table一般如果我们创建model的时候不指定表名，系统在makemigration和migrate的时候会默认给我们添加表名。规则是：app_name+"_"+model_name的小写。比如一个model为TestTableName，放在bl
前面介绍了model的字段属性，字段类型，这篇笔记介绍一下model的Meta选项。这个选项提供了一些参数，比如排序（ordering），表名（db_table）等。但这都不是必需的，都是作为可选项，主要是为使用者提供方便的、自定义的一些用法。以下是本次笔记的目录列表：db_tableget_latest_bymanagedordering1、db_table一般如果我们创建model的时候不指定表名，系统在makemigration和migrate的时候会默认给我们添加表名。规则是：app_name+"_"+model_name的小写。比如一个model为TestTableName，放在bl
自定义事件tips推荐始终使用kebab-case的事件名。（v-on会将事件名自动转换为小写，避免匹配不到）changeData×change-data√自定义组件的v-model用法：父组件定义数据源（不需要定义修改数据的方法），在子组件标签上通过v-model="data"进行传递默认传递的属性名是value,事件名为input。可以在子组件中配置model选项重命名属性名和事件名子组件props接受名称为value的属性（固定名）,通过$emit("input",payload)在子组件即可修改数据，形成双向绑定//父组件我是dad{{dadData}}importSonfrom"./
自定义事件tips推荐始终使用kebab-case的事件名。（v-on会将事件名自动转换为小写，避免匹配不到）changeData×change-data√自定义组件的v-model用法：父组件定义数据源（不需要定义修改数据的方法），在子组件标签上通过v-model="data"进行传递默认传递的属性名是value,事件名为input。可以在子组件中配置model选项重命名属性名和事件名子组件props接受名称为value的属性（固定名）,通过$emit("input",payload)在子组件即可修改数据，形成双向绑定//父组件我是dad{{dadData}}importSonfrom"./
