zoukankan      html  css  js  c++  java
  • Laravel之vue操作

    Laravel中balde模板引擎的分解符和vue的{{ }} 分解符产生冲突

    解决办法

    使用vue的{{}}分解符的时候在前面加上@,@{{ }},如下:

    <button>@{{ message }}</button>
    

    图片冲突显示

    laravel balde模板,如下:

     <img :src="img_url" alt="" style="margin: auto;200px;height:200px;">
    

    vue中data的数据,如下:

    data:{
       'img_url':'图片地扯',
    },
    

    发送请求

    var params = new URLSearchParams();
     params.append("hzguid",hzguid); 
     params.append("times",times); 
     this.$axios({
         method: 'post',
         url: 'http://localhost:8080/TestS/queryStemp',
         contentType: 'application/x-www-form-urlencoded',
         data:params,  
     }).then(function(response) {
         console.log("data:"+response.data);
         console.log("status:"+response.status);
         console.log("statusText:"+response.statusText);
         console.log("headers:"+response.headers);
         console.log("config:"+response.config);
         console.log("list:"+response.list);
         console.log("response:"+response)
         var list = response.data
         console.log("传递的参数:"+list)
         that.tableData = list
         console.log("table_data:"+that.tableData)
          }.bind(this)).catch(function (error) { 
               console.log(error);
          })
    

    在使用axios时需要先引入插件

    main.js
        import Axios from 'axios' 
        Vue.prototype.$axios = Axios
    
  • 相关阅读:
    极角排序
    字符串板
    splay和lct
    国庆训练
    电子公文传输系统团队项目 确定分工
    2020课程设计——第二周进展
    在Ubuntu下使用OpenSSL搭建CA
    电子公文传输系统团队项目 需求分析
    2020课程设计——第一周进展
    2020课程设计——个人任务
  • 原文地址:https://www.cnblogs.com/zhenzi0322/p/12807384.html
Copyright © 2011-2022 走看看