写一个vue代码，用element 构建一个弹出式面板，点击链接，将弹出面板，面板里有两个输入框

好的，以下是一个示例代码，使用Element UI构建一个弹出式面板，内含两个输入框：

<template>
  <div>
    <el-button @click="showPanel">打开面板</el-button>
    <el-dialog title="弹出面板" :visible.sync="panelVisible">
      <el-form>
        <el-form-item label="输入框1">
          <el-input v-model="input1"></el-input>
        </el-form-item>
        <el-form-item label="输入框2">
          <el-input v-model="input2"></el-input>
        </el-form-item>
      </el-form>
      <span slot="footer" class="dialog-footer">
        <el-button @click="panelVisible = false">取 消</el-button>
        <el-button type="primary" @click="submit">确 定</el-button>
      </span>
    </el-dialog>
  </div>
</template>

<script>
export default {
  data() {
    return {
      panelVisible: false,
      input1: '',
      input2: ''
    }
  },
  methods: {
    showPanel() {
      this.panelVisible = true
    },
    submit() {
      // 处理提交逻辑
      console.log('输入框1:', this.input1)
      console.log('输入框2:', this.input2)
      this.panelVisible = false
    }
  }
}
</script>

解释一下代码：

1. 首先在模板中使用`el-button`元素创建一个按钮，点击按钮触发`showPanel`方法，用于打开弹出式面板；
2. 使用`el-dialog`元素创建一个弹出式面板，面板的标题为“弹出面板”，并且设置`visible`属性与`panelVisible`数据双向绑定，通过控制`panelVisible`的值来控制弹出面板的显示与隐藏；
3. 在弹出式面板内使用`el-form`元素创建一个表单，内含两个`el-input`元素作为输入框；
4. 在弹出式面板的底部，使用`span`元素创建一个底部区域，内含两个`el-button`元素，分别用于“取消”和“确定”操作，点击“确定”按钮时触发`submit`方法，处理输入框的内容，同时关闭弹出面板。

希望这个示例能够帮助到你。