vue表单元素

    

		
表单元素
		input元素:
		
		textarea元素:
		
		
		单个checkbox元素:
		
		多个checkbox元素:
		桌球	
		music
		跑步
		你选择的是：
		
		单选元素：
		 男  
		 女
		你选择的是：
		
		select列表
		
			请选择一个网站
			百度
			vue
			w3c
		
		你选择的是：
	
	
		var vm = new Vue({	
			el: '#demo',	
			data: {
				flag: true,
				input1: "input",
				textarea1: "textarea",
				checkbox1: false,
				checkboxArr: ['music'],
				radio1: '女',
				selected1: '',
			},
			methods: {
				searchDict: function(it) {
			          //JS中，If 语句判断为false的变量值为： false, 0, 0.0, null, undefined和空字符串,其他变量值判断为true: true, 1, [任何字串/数字]
			          if (this.sdict && it.name.indexOf(this.sdict) === -1 && it.sex.indexOf(this.sdict) === -1) {	
			        	  return false; 	//不满足条件不显示
			          }else if (this.sdict) {
			        	  return true;	//满足条件显示
			          }  
			          return true; //初始化显示所有
			    }
			}
		});
	

.lazy 在默认情况下， v-model 在 input 事件中同步输入框的值与数据，但你可以添加一个修饰符 lazy ，从而转变为在 change 事件中同步。.number 如果想自动将用户的输入值转为 Number 类型（如果原值的转换结果为 NaN 则返回原值），可以添加一个修饰符 number 给 v-model 来处理输入值。.trim如果要自动过滤用户输入的首尾空格，可以添加 trim 修饰符到 v-model 上过滤输入。