iview render方法生成iswitch,input等表單組件並進行雙向綁定

按鈕就不說了,主要是表單組件,要實現雙向綁定,話不多說直接上代碼

{
	title: '狀態',
	key: 'state',
	render: (h, params) => {
	  return h('div', [
	    h('i-switch', {
	      props: {
	        size: 'small',
	        trueValue: 1,
	        falseValue: 0,
	        value: params.row.state
	      },
	      on: {
	        input: function (event) {
	          // 這裏會起到監聽的作用
              params.row.state = event
	        },
	        'on-change': (value) => {
	          this.$Modal.confirm({
	            title: '是否' + (value ? '啓用' : '停用') + '?',
	            content: '<p>此項目將會被' + (value ? '啓用' : '停用') + '!</p>',
	            onOk: () => {
	
	            },
	            onCancel: () => {
	              if (params.row.state === 1) {
	                params.row.state = 0
	              } else {
	                params.row.state = 1
	              }
	            }
	          })
	        }
	      }
	    })
	  ])
	}
}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章