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
    
  • 相关阅读:
    xplan.sql(本脚本获取执行计划显示执行顺序)
    闪回查询(SELECT AS OF)
    闪回事务查询
    闪回版本查询
    闪回数据库
    shell循环语句
    前后端交互json字符串
    element vuex 语音播报
    highcharts中数据列点击事件
    highcharts为X轴标签添加链接
  • 原文地址:https://www.cnblogs.com/zhenzi0322/p/12807384.html
Copyright © 2011-2022 走看看