| | |
| | | <li class="bounced-box-choose">
|
| | | <span>颜色:</span>
|
| | | <select v-model='bouncedSelect' @click="changeLabelTextSelect()">
|
| | | <option v-for="(item,index) in selectOptions" :key="index" :value="item">{{ item }}</option>
|
| | | <option v-for="(item,index) in selectOptions" :key="index" :value="item.value">{{ item.text }}</option>
|
| | | </select>
|
| | | </li>
|
| | | </ul>
|
| | |
| | | data () {
|
| | | return {
|
| | | bouncedText: '',
|
| | | bouncedSelect: '红色',
|
| | | selectOptions: ['红色', '蓝色', '黄色']
|
| | | bouncedSelect: 'red',
|
| | | selectOptions: [
|
| | | {
|
| | | value: 'red',
|
| | | text: '红色'
|
| | | },
|
| | | {
|
| | | value: 'blue',
|
| | | text: '蓝色'
|
| | | },
|
| | | {
|
| | | value: 'yellow',
|
| | | text: '黄色'
|
| | | }
|
| | | ]
|
| | | }
|
| | | },
|
| | | methods: {
|
| | |
| | | changeLabelTextSelect () {
|
| | | // this.bouncedSelect = item
|
| | | console.log('获取颜色')
|
| | | MakeTation.setContentColor(this.bouncedSelect)
|
| | | },
|
| | | ChangeText () {
|
| | | MakeTation.setContentText(this.bouncedText)
|