首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

4.vue 的双向绑定的原理是什么?_监听门事件

首次加载页面时,v-model 读取程序中的变量值,用变量值自动与每个 radio 固定 value 值做比较,如果哪个 radio 的固定 value 值刚好等于变量值,则当前 radio 自动选中。...否则如果 radio 固定 value 值与变量值不相等,则 radio 不选中;当用户切换选中项时,v-mode 只会自动将选中的一个 radio 身上固定 value 值更新到程序中变量里保存,如果未选中的...加载数据时 v-model 会读取程序中的变量值,自动跟 下每个 option 上固定 value 值做比较,哪个 option 上固定 value 值与变量值一致,则哪个 option...属性 true,则当前 checkbox 选中,如果 checked 属性值 false,则当前 checkbox 就不选中;当用户切换当前 checkbox 的选中状态后,v-model 会将当前...--不同意(agree=false)时,禁用(disabled=true) 同意(agree=true)时,启用(disabled=false) 让disabled属性值与

1.4K70

Zepto源码分析之form模块

(也就是属性disabledtrue的) 只发送勾选的复选框和单选按钮 不发送typereset和button的按钮 多选选择框中每个选择的值单独一个条目 在单击提交按钮表单的情况下,也会发送提交按钮的...select元素的值,就是选中的option元素的value属性的值,如果option元素没有value属性,则是option元素的文本值。...需要有name属性(条件"真") 不能是fieldset元素 不能是已经禁止的元素(即disabletrue) 不能是submit、reset、button、file等元素 对于单选和多选控件,只发送已经勾选的...如果value是数组,则将value数组递归的每一项传入add。不是数组就是直接按照{ name: name, value: value }形式推入result了。 不过什么时候value会为数组呢?...// 如果是多选的,则选择被选中(即selectedtrue)的元素并通过pluck方法,读取该元素的value值,最后返回的是一个数组 return this[0] && (this[0].

2K100

Zepto源码分析之form模块

(也就是属性disabledtrue的) 只发送勾选的复选框和单选按钮 不发送typereset和button的按钮 多选选择框中每个选择的值单独一个条目 在单击提交按钮表单的情况下,也会发送提交按钮的...select元素的值,就是选中的option元素的value属性的值,如果option元素没有value属性,则是option元素的文本值。...需要有name属性(条件"真") 不能是fieldset元素 不能是已经禁止的元素(即disabletrue) 不能是submit、reset、button、file等元素 对于单选和多选控件,只发送已经勾选的...如果value是数组,则将value数组递归的每一项传入add。不是数组就是直接按照{ name: name, value: value }形式推入result了。 不过什么时候value会为数组呢?...// 如果是多选的,则选择被选中(即selectedtrue)的元素并通过pluck方法,读取该元素的value值,最后返回的是一个数组 return this[0] && (this[0].

1.3K10

angularjs学习第七天笔记(系统指令学习)

or false)     1.1、bool指令包括:     ng-disabled:主要控制控件是否可操作     ng-readonly:控制文本输入框只读     ng-check:控制选择框是否被选中...value="">请选择 许先生 王先生...、ng-repeat:循环遍历一个集合数据,根据模板生成数据列     几个关键属性值:     $index:遍历的进度(0...length-1)     $first:当元素是遍历的第一个时值true...    $middle:当元素处于第一个和后元素之间时值true     $last:当元素是遍历的后一个时值true     $even:当$index值是偶数时值true     $odd:...当$index值是奇数时值true     ng-repeat在数据列表显示中用的比较多,在实际使用中可以根据其关键字进行样式设置展示     特别说明:集合数据的开始坐标是0,所以在处理奇偶数时要注意

2.9K10

angularjs学习第七天笔记(系统指令学习)

or false)     1.1、bool指令包括:     ng-disabled:主要控制控件是否可操作     ng-readonly:控制文本输入框只读     ng-check:控制选择框是否被选中...value="">请选择 许先生 王先生...、ng-repeat:循环遍历一个集合数据,根据模板生成数据列     几个关键属性值:     $index:遍历的进度(0...length-1)     $first:当元素是遍历的第一个时值true...    $middle:当元素处于第一个和后元素之间时值true     $last:当元素是遍历的后一个时值true     $even:当$index值是偶数时值true     $odd:...当$index值是奇数时值true     ng-repeat在数据列表显示中用的比较多,在实际使用中可以根据其关键字进行样式设置展示     特别说明:集合数据的开始坐标是0,所以在处理奇偶数时要注意

2.6K30

大型项目技术栈第七讲 Chosen的使用

它能美化select选择框使其他变的更好看、方便,同时它扩展筛选的功能。它可对列表进行分组,同时也可禁用某些选择项。chosen插件使用起来很容易。有单选和多选,而且能监听事件及渲染。...初始化方法chosen配置 选项 默认值 描述 allow_single_deselect false 设置 true 时非必选的单选框会显示清除选中项图标 disable_search false...设置 true 隐藏单选框的搜索框 disable_search_threshold 0 少于 n 项时隐藏搜索框 enable_split_word_search true 是否开启分词搜索,默认开启...inherit_select_classes false 是否继承 select 元素的 class,如果设为 true,Chosen 将把 select 的 class 添加到容器上 max_selected_options...Chosen 生成的选择框宽度,默认为和原 select 宽度保持一致 display_disabled_options true 是否显示禁止选择的项目 display_selected_options

4.1K40

读Zepto源码之Callbacks模块

如果 options.memory true则将 data,也即上下文对象和参数保存下来。 将 list 是否已经触发过的状态 fired 设置 true。...如果回调执行后显式返回 false, 并且 options.stopOnFalse 设置 true ,则中止后续任务的执行,并且清空 memory 的缓存。...在下一个判断中,如果 options.unique 不为 true ,即允许重复的回调函数,或者原来的列表中不存在该回调函数,则将回调函数存入回调列表中。...否则,如果 memory 模式,则将执行回调任务的开始位置设置 start ,即原来列表的最后一位的下一位,也就是新添加进列表的第一位,然后调用 fire ,以缓存的上下文及参数 memory 作为...在 stack undefined 时,fireWith 的执行条件看 fired 这个条件。如果回调列表已经执行过, fired true ,fireWith 不会再执行。

78900
领券