12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667 |
- <template>
- <view>
- <uni-check-list :listData="list"></uni-check-list>
- </view>
- </template>
- <script>
- import uniCheckList from '@/components/uni-check-list/uni-check-list.vue'
- export default {
- components: {
- uniCheckList
- },
- data() {
- return {
- list: [{
- value: 'USA',
- name: '美国'
- },
- {
- value: 'CHN',
- name: '中国',
- checked: 'true'
- },
- {
- value: 'BRA',
- name: '巴西'
- },
- {
- value: 'JPN',
- name: '日本'
- },
- {
- value: 'ENG',
- name: '英国'
- },
- {
- value: 'FRA',
- name: '法国'
- }
- ]
- }
- },
- methods: {
- // 改变checkbox的选中状态
- checkboxChange(e) {
- var items = this.items,
- values = e.detail.value;
- for (var i = 0, lenI = items.length; i < lenI; ++i) {
- const item = items[i]
- if(values.includes(item.value)){
- this.$set(item,'checked',true)
- }else{
- this.$set(item,'checked',false)
- }
- console.log(item,'--------------')
- }
-
- },
- submit(){
- console.log('-------tijiao')
- }
- }
- }
- </script>
- <style>
- </style>
|