3回答

好帮手慕慕子

2021-07-20

同学你好，可以参考如下思路实现效果：

1、在data添加一个属性result用来表示执行后的结果，初始值默认为0，如下：

2、定义一个函数，用来计算两者操作数的加减乘除运算，如下：

3、在methods中添加“执行”按钮对应的点击事件，调用前面定义的计算方法，传入对应的值。如下：

4、点击“执行”按钮，就会执行bandleclick方法，然后进行计算，效果如下：

​

祝学习愉快~

0

好帮手慕慕子

2021-07-20

同学你好，可以使用v-model指令将下拉框选中的值进行双向绑定，在前面的基础课程​中有详细的讲解，示例：

同学可以回顾下，加深理解与记忆。

祝学习愉快~

0

hq_Unique彼岸花丶花海_0

hp>老师这几天一直没看代码我忘了

这个是用组件写的 然后setup 如何输出data里的 value，bol，vle

<template>
<p class="box">
  <el-select v-model="value" placeholder="请选择">
    <el-option
      v-for="item in options"
      :key="item.value"
      :value="item.value"
    >
    </el-option>
  </el-select>
  <el-select v-model="bol" placeholder="请选择">
    <el-option
      v-for="i in symbol"
      :key="i.bol"
      :value="i.bol"
    >
    </el-option>
  </el-select>
  <el-select v-model="vle" placeholder="请选择">
    <el-option
      v-for="item in option"
      :key="item.vle"
      :value="item.vle">
    </el-option>
  </el-select>
  <el-button type="primary" @click="bandleclick">执行</el-button>
</p>
</template>
<script>
export default {
    name: 'Index',
    data() {
      return {
        options: [{
          value: '2',
        }, {
          value: '4',
        }, {
          value: '8',
        }, {
          value: '16',
        }, {
          value: '32',
        }, {
          value: '64',
        }, {
          value: '1024',
        }],
        symbol: [{
          bol: '+',
        }, {
          bol: '-',
        }, {
          bol: '*',
        }, {
          bol: '/',
        }],
        option: [{
          vle: '1',
        }, {
          vle: '2',
        }, {
          vle: '3',
        }, {
          vle: '4',
        }, {
          vle: '5',
        }, {
          vle: '99',
        }, {
          vle: '100',
        }],
        value: '',
        bol:'',
        vle:''
      }
    },
    setup(){
        
    }
}
</script>
<style scoped>

</style>

h021-07-20

共1条回复

好帮手慕慕子

2021-07-20

同学你好，从截图和描述上看，同学理解的逻辑是对的，祝学习愉快~

0

hq_Unique彼岸花丶花海_0

hp>老师，vue如何获取选中下拉菜单值？

h021-07-20

共1条回复