Java智慧阁 2023-01-16 13:05 采纳率: 66.7%
浏览 52
已结题

v-model: searchInfo is not defined

v-model: searchInfo is not defined
一个检索输入框,输入内容,点击查询按钮,代码如下

 <el-form :inline="true" class="demo-form-inline">
      <el-form-item>
        <el-input
            v-model="searchInfo"
            class="search_name"
            placeholder="输入文件名称查询">
        </el-input>
      </el-form-item>
      <el-form-item>
        <el-button
            link
            type="primary"
            icon="Search"
            @click="onSearch()"
            class="el-icon-search">查询
        </el-button>
      </el-form-item>
 .....
data() {
    return {
      ruleForm: {
        userId: '',
        userName: '',
        userDate: '',
        userAddress: ''
      },
      tableData: [],
      searchInfo: "",
      dialogVisible: false,
    }
  },
。。。
  onSearch() {
      let postData = this.qs.stringify({
        userName: this.searchInfo
      });
      this.axios({
。。。。


本地运行是可以的,输入关键字,点击查询,正常,但是进行打包,打包命令如下,npm run build,打包后的dist文件夹部署在服务器的nginx下,然后输入框不让输入,点击输入就报错如下:

img

其他文件package.json:

{
  "name": "minio-upload-web",
  "version": "0.0.0",
  "scripts": {
    "dev": "vite",
    "build": "vite build",
    "preview": "vite preview --port 4173"
  },
  "dependencies": {
    "@element-plus/icons-vue": "^2.0.10",
    "axios": "^0.27.2",
    "axios-extra": "^0.0.6",
    "element-plus": "^2.2.14",
    "promise-queue-plus": "^1.2.2",
    "qs": "latest",
    "spark-md5": "^3.0.2",
    "vue": "^3.2.37",
    "vue-element-loading": "^2.0.2",
    "vue-router": "^4.1.3"
  },
  "devDependencies": {
    "@vitejs/plugin-vue": "^3.0.1",
    "@vitejs/plugin-vue-jsx": "^2.0.0",
    "vite": "^3.0.4"
  }
}


  • 写回答

1条回答 默认 最新

  • Java智慧阁 2023-01-16 15:13
    关注

    初始化修改为 obj:{searchInfo:''}, 即可了

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

问题事件

  • 系统已结题 1月24日
  • 已采纳回答 1月16日
  • 创建了问题 1月16日

悬赏问题

  • ¥15 滑块验证码拖动问题悬赏
  • ¥15 Wanted but not invoked:Actually, there were zero interactions with this moc
  • ¥20 怎么驱动tb6612
  • ¥15 Arcgis 3D效果点要素
  • ¥15 在执行yolo训练脚本的时候,没有报错,在扫描val这一步后就推出执行了
  • ¥15 delphi开发的WEBSERVER改用HTTPS协议
  • ¥15 pic16f877A单片机的计数器proteus仿真失效
  • ¥100 调查 Vitis AI 中验证 .xmodel 量化后的正确性
  • ¥30 codelite全屏时file、setting那一行消失了
  • ¥15 gazebo-rviz教程