当前位置: 首页 > news >正文

重庆沛宣网站建设注册网络科技公司需要多少钱

重庆沛宣网站建设,注册网络科技公司需要多少钱,网站运营托管咨询,做类似淘宝的网站需多少资金目录 基本用法​ 文本 多行文本 复选框​ 选择器​ 值绑定​ 复选框 单选按钮 选择器选项 修饰符​ .lazy​ .number​ .trim​ 组件上的 v-model​ 在前端处理表单时#xff0c;我们常常需要将表单输入框的内容同步给 JavaScript 中相应的变量。手动连接值绑定…      目录 基本用法​ 文本 多行文本 复选框​ 选择器​ 值绑定​ 复选框 单选按钮  选择器选项 修饰符​ .lazy​ .number​ .trim​ 组件上的 v-model​ 在前端处理表单时我们常常需要将表单输入框的内容同步给 JavaScript 中相应的变量。手动连接值绑定和更改事件监听器可能会很麻烦 input:valuetextinputevent text event.target.valuev-model 指令帮我们简化了这一步骤 input v-modeltext另外v-model 还可以用于各种不同类型的输入textarea、select 元素。它会根据所使用的元素自动使用对应的 DOM 属性和事件组合 文本类型的 input 和 textarea 元素会绑定 value property 并侦听 input 事件input typecheckbox 和 input typeradio 会绑定 checked property 并侦听 change 事件select 会绑定 value property 并侦听 change 事件。注意 v-model 会忽略任何表单元素上初始的 value、checked 或 selected attribute。它将始终将当前绑定的 JavaScript 状态视为数据的正确来源。你应该在 JavaScript 中使用data 选项来声明该初始值 基本用法​ 文本 pMessage is: {{ message }}/p input v-modelmessage placeholderedit me /注意 对于需要使用 IME 的语言 (中文日文和韩文等)你会发现 v-model 不会在 IME 输入还在拼字阶段时触发更新。如果你的确想在拼字阶段也触发更新请直接使用自己的 input 事件监听器和 value 绑定而不要使用 v-model。 多行文本 spanMultiline message is:/span p stylewhite-space: pre-line;{{ message }}/p textarea v-modelmessage placeholderadd multiple lines/textarea注意在 textarea 中是不支持插值表达式的。请使用 v-model 来替代 !-- 错误 -- textarea{{ text }}/textarea!-- 正确 -- textarea v-modeltext/textarea复选框​ 单一的复选框绑定布尔类型值 input typecheckbox idcheckbox v-modelchecked / label forcheckbox{{ checked }}/label我们也可以将多个复选框绑定到同一个数组或集合的值 export default {data() {return {checkedNames: []}} }divChecked names: {{ checkedNames }}/divinput typecheckbox idjack valueJack v-modelcheckedNames label forjackJack/labelinput typecheckbox idjohn valueJohn v-modelcheckedNames label forjohnJohn/labelinput typecheckbox idmike valueMike v-modelcheckedNames label formikeMike/label在这个例子中checkedNames 数组将始终包含所有当前被选中的框的值。 单选按钮 divPicked: {{ picked }}/divinput typeradio idone valueOne v-modelpicked / label foroneOne/labelinput typeradio idtwo valueTwo v-modelpicked / label fortwoTwo/label选择器​ 单个选择器的示例如下 divSelected: {{ selected }}/divselect v-modelselectedoption disabled valuePlease select one/optionoptionA/optionoptionB/optionoptionC/option /select注意 如果 v-model 表达式的初始值不匹配任何一个选择项select 元素会渲染成一个“未选择”的状态。在 iOS 上这将导致用户无法选择第一项因为 iOS 在这种情况下不会触发一个 change 事件。因此我们建议提供一个空值的禁用选项如上面的例子所示。 多选 (值绑定到一个数组) divSelected: {{ selected }}/divselect v-modelselected multipleoptionA/optionoptionB/optionoptionC/option /select选择器的选项可以使用 v-for 动态渲染 export default {data() {return {selected: A,options: [{ text: One, value: A },{ text: Two, value: B },{ text: Three, value: C }]}} }select v-modelselectedoption v-foroption in options :valueoption.value{{ option.text }}/option /selectdivSelected: {{ selected }}/div值绑定​ 对于单选按钮复选框和选择器选项v-model 绑定的值通常是静态的字符串 (或者对复选框是布尔值) !-- picked 在被选择时是字符串 a -- input typeradio v-modelpicked valuea /!-- toggle 只会为 true 或 false -- input typecheckbox v-modeltoggle /!-- selected 在第一项被选中时为字符串 abc -- select v-modelselectedoption valueabcABC/option /select但有时我们可能希望将该值绑定到当前组件实例上的动态数据。这可以通过使用 v-bind 来实现。此外使用 v-bind 还使我们可以将选项值绑定为非字符串的数据类型。 复选框 inputtypecheckboxv-modeltoggletrue-valueyesfalse-valueno /true-value 和 false-value 是 Vue 特有的 attributes仅支持和 v-model 配套使用。这里 toggle 属性的值会在选中时被设为 yes取消选择时设为 no。你同样可以通过 v-bind 将其绑定为其他动态值 inputtypecheckboxv-modeltoggle:true-valuedynamicTrueValue:false-valuedynamicFalseValue /提示 true-value 和 false-value attributes 不会影响 value attribute因为浏览器在表单提交时并不会包含未选择的复选框。为了保证这两个值 (例如“yes”和“no”) 的其中之一被表单提交请使用单选按钮作为替代。 单选按钮  input typeradio v-modelpick :valuefirst / input typeradio v-modelpick :valuesecond /pick 会在第一个按钮选中时被设为 first在第二个按钮选中时被设为 second。 选择器选项 select v-modelselected!-- 内联对象字面量 --option :value{ number: 123 }123/option /selectv-model 同样也支持非字符串类型的值绑定在上面这个例子中当某个选项被选中selected 会被设为该对象字面量值 { number: 123 }。 修饰符​ .lazy​ 默认情况下v-model 会在每次 input 事件后更新数据 (IME 拼字阶段的状态例外)。你可以添加 lazy 修饰符来改为在每次 change 事件后更新数据 !-- 在 change 事件后同步更新而不是 input -- input v-model.lazymsg /.number​ 如果你想让用户输入自动转换为数字你可以在 v-model 后添加 .number 修饰符来管理输入 input v-model.numberage /如果该值无法被 parseFloat() 处理那么将返回原始值。 number 修饰符会在输入框有 typenumber 时自动启用。 .trim​ 如果你想要默认自动去除用户输入内容中两端的空格你可以在 v-model 后添加 .trim 修饰符 input v-model.trimmsg /组件上的 v-model​ 如果你还不熟悉 Vue 的组件那么现在可以跳过这个部分。 HTML 的内置表单输入类型并不总能满足所有需求。幸运的是我们可以使用 Vue 构建具有自定义行为的可复用输入组件并且这些输入组件也支持 v-model
http://www.dnsts.com.cn/news/5844.html

相关文章:

  • 吴江区经济开发区建设工程网站ui设计师是做网站吗
  • 网站兼容手机浏览器怎么做私人网站
  • 阳朔县建设规划局网站网页网站作业制作
  • 建设人才网站互联网公司注册
  • 项城做网站做房地产网站
  • 网站怎么做成小程序网站 宗旨
  • 做牛仔的时尚网站mes系统
  • wordpress和百度指数大连seo排名外包
  • 一键生成个人网站wordpress 修改数据库表
  • 小说网站开发源码网站展示效果图
  • 免费psd模板素材网站seo综合查询
  • 网站建设与维护教学计划视频制作公司排行
  • 科技公司的网站建设费入什么科目网站资源建设的步骤
  • 深圳网站建设代理商怎么样能够为一个网站做推广
  • 如何做国际网站首页电子商务系统网站建设
  • 网站代码的重点内容是什么绍兴seo管理
  • wordpress 建app优化服务平台
  • 怎样设置网站主域名seo2短视频发布
  • 设计网站设计原则网站运营的目的及意义
  • 湖南建设c证查询网站显示网站翻页代码
  • 电子商务网站制作公司网站建设的流程是什么意思
  • 宾馆网站模板深圳网站建设 宝华大厦
  • 网站与网页之间的区别是什么wordpress 问答平台
  • 宜春做网站的联系电话创口贴设计网站官网
  • 好的建筑设计网站推荐广17网站一起做网店
  • 外贸网站建设 佛山微餐饮建站费用
  • 句容网站建设制作在微信怎样搞做微视频网站
  • 广州公司网站提供官方网站建设合同
  • 网站建设管理人员优化手机性能的软件
  • 阿里云建网站费用如何让自己做的网页有网站