Vue 的 select 选择框的双向绑定

今天遇到要用select来进行切换页面内容的功能然后发现在select 框上直接绑 v model 是不行的后来查了一下selectv-model="selValue">option:value="list.text"v-for="(list,index)in selList":key="index">{{list.text}}option>sel

李嘉杰

13254人浏览 · 2018-02-03 17:01:40

李嘉杰 · 2018-02-03 17:01:40 发布

今天遇到要用select来进行切换页面内容的功能

然后发现在select 框上直接绑 v model 是不行的

后来查了一下

 
  < 
  select 
  v-model=" 
  selValue" 
  > 
 
 
  < 
  option 
  :value=" 
  list. 
  text" 
  v-for="( 
  list, 
  index) 
  in 
  selList" 
  :key=" 
  index" 
  >{{ 
  list. 
  text}} 
  </ 
  option 
  > 
 
 
  </ 
  select 
  > 
 

这么玩就行了

原理很简单就不解释了，这次记着下次就别查了。

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^