vue 问题集

axios delete请求 参数

1. 如果服务端将参数当做 java对象来封装接收则 参数格式为：{data: param}

var param={name:'jack',age:20}
axios
          .delete("/ehrReferralObjPro", {data: param})
          .then(function(response) {
            }

2. 如果服务端将参数当做url 参数 接收，则格式为：{params: param}，这样发送的url将变为http:www.XXX.com?a=..&b=..

var param={name:'jack',age:20}
axios
          .delete("/ehrReferralObjPro", {params: param})
          .then(function(response) {
            } 
            

element-ui使用图片放大，要求不点击图片放大，而是点击任意按钮，出现预览图片

可以用el-image中的一个子组件el-image-viewer

 components: {
    
 'el-image-viewer': () => import('element-ui/packages/image/src/image-viewer')
    
  }

<el-image-viewer v-if\="showViewer" :on-close\="closeViewer" :url-list\="\[url\]" />

fabric中插入图片，图片必须解决跨域请求问题，因为通过CORS 请求到的图片才可以再次被复用到 canvas 上进行绘制

要求后端加上如下代码解决跨域

Access-Control-Allow-Origin: *

加上后仍跨域的解决办法，例如使用了cdn加速图片服务器

1. 用H5crossOrigin属性

2. 后端nginx转发

强制更新UI渲染的方法

1. 调用vue全局方法

Vue.$forceUpdate()

2. 更新某一属性，eg: userdata

this.userdata.__ob__.dep.notify()