综合案例服务项目一条龙1-2vue 报错不是函数,找不大info，项目表的完成增删改功能（一看就懂）

3 vue代码

1 

创建vue组件，先加路由 

2 借用现成vue代码文件，好歹显示出来的了 

  去掉所属分类

展示6个字段

对话框提交的是form表单，在vue代码里面.  

 3 前端调用后端的C#接口方法

添加接口方法的访问调用

 help1 不是函数问题

解决方法： url增加控制器

 加上控制器，通过接口添加的数据，前端全部展示出来了

help2  找不到 info 

解决方法;

在JavaScript代码中，表单提交没有声明info 变量

//提交表单
    submitForm(formName) {
      var _this = this;
      var link = url.getService("Save_Service"); // 1 这里是访问调用C#里面的添加接口方法. 
      // info is not defined. 这里必须要声明，有才行
      var info = this.form;  //  this 指向这个表单form
      this.$refs.form.validate((valid) => {
        if (valid) {
          this.submiting = true;
          //提交后台添加
          //添加或者修改
          $.post(link, info, (res) => {
            _this.submiting = false;
            if (res.status) {
              _this.dialogVisible = false;
              _this.getList();
              _this.$message({
                type: "success",
                message: res.msg,
              });
            } else {
              _this.$message({
                type: "error",
                message: res.msg,
              });
            }
          });
        } else {
          return false;
        }
      });
    },

增删改功能的前端实现，后台管理模块，客户您可以直接使用的了。

效果：

标签：info,vue,项目表,form,res,表单,报错,message
来源： https://blog.csdn.net/chenggong9527/article/details/119135765