vue使用ajax

  • Post author:
  • Post category:vue

1.Vue的Ajax基本用法 在vue中用Ajax需要用到vue.js和vue-resource.js; vue-resource.js的下载地址: https://cdn.staticfile.org/vue-resource/1.5.1/vue-resource.js 简单的get请求: 创建一个方法; 方法中调用 this.$http.get()来进行ajax请求; then()方法做回调函…

继续阅读 vue使用ajax

vue父子组件传递数据-兄弟组件传递数据

  • Post author:
  • Post category:vue

1.父向子传递数据 父组件中传递数据 ↓ ↓ ↓ ↓ ↓ ↓ <template> <div> <child :message="parentMessage"></child> </div> </template> <script> import Child from './Child.vue' export de…

继续阅读 vue父子组件传递数据-兄弟组件传递数据

vue等两个接口都返回结果再执行下一步

  • Post author:
  • Post category:vue

next 只能調用一次,這邊可以用 Promise.all 解決,等待兩個異步操作都返回結果後再 next:beforeRouteEnter (to, from, next) { // Promise.all 會等到數組內的 Promise 都 resolve 後才會繼續跑(then) Promise.all([ main._base({ methodName: 'QueryProductInfo…

继续阅读 vue等两个接口都返回结果再执行下一步

利用vue+fabric.js获取图片坐标,并实现图片拖拽、旋转、拉伸等功能

  • Post author:
  • Post category:vue

什么是Fabric.js? Fabric.js是一个可以简化Canvas程序编写的库。 Fabric.js为Canvas提供所缺少的对象模型, svg parser, 交互和一整套其他不可或缺的工具。 为什么要使用Fabric.js? Canvas提供一个好的画布能力, 但是Api不够友好。绘制简单图形其实还可以, 不过做一些复杂的图形绘制, 编写一些复杂的效果,就不是那么方便了。Fabric.j…

继续阅读 利用vue+fabric.js获取图片坐标,并实现图片拖拽、旋转、拉伸等功能

vue-008-如何做到在不同尺寸显示器,浏览器100%分辨率下,页面完整展示

  • Post author:
  • Post category:vue

前一阵测试提交故障:在屏幕较小的显示器上,浏览器100%分辨率下页面显示不全,需要通过拖拽的方式才可以显示其余。要求修改成不同尺寸显示器,浏览器100%分辨率情况下页面要展示完整。 我的解决办法如下: 在App.vue文件中,加入以下代码即可: methods: { bodyScale() { var devicewidth = document.documentElement.clientWid…

继续阅读 vue-008-如何做到在不同尺寸显示器,浏览器100%分辨率下,页面完整展示

vue中,用render函数渲染子组件(jsx),修改data属性时,render会调用

  • Post author:
  • Post category:vue

在父组件中用render调用子组件,这段代码会输出什么?如下: 点击h5的click事件后: 每次点击click都会触发render函数,因为click中每次都修改data属性title: 父组件: <script> // <template> // <div class="main"> // 由于使用的是vue的运行时js库,js中<br /> /…

继续阅读 vue中,用render函数渲染子组件(jsx),修改data属性时,render会调用

Vue一次监听多个属性变化

  • Post author:
  • Post category:vue

一般来说Vue中监听属性值的变化时,是在 watch 中针对各属性值单独设置监听函数: var vm = new Vue({ data: { sourceType: 1, sourceOrder: 2, sourceStatus: 3, }, watch: { sourceType: function (val, oldVal) {}, sourceOrder: function (val, ol…

继续阅读 Vue一次监听多个属性变化

Vue node.js实现支付宝支付(沙箱测试)

  • Post author:
  • Post category:vue

一、 支付宝开放平台创建应用 :打开 支付宝开放平台首页 (注意:正式环境、沙箱环境都需要此步) 1、选择开发者中心 ---> 网页&移动应用 (此时是实现网站支付功能) 2、选择支付接入 3、填入名称(注意名称规范,不能写测试字样,详细参考官网命名规范)、上传图片即可 4、此时,需要网站支付,默认没有,所以点击添加功能,添加即可 5、【重点来了】主要是开发设置的接口加签方式的设置 …

继续阅读 Vue node.js实现支付宝支付(沙箱测试)

vue中provide和inject的使用

  • Post author:
  • Post category:vue

对于provide [prəˈvaɪd]和inject官网解释是这样的:这对选项需要一起使用,以允许一个祖先组件向其所有子孙后代注入一个依赖,不论组件层次有多深,并在其上下游关系成立的时间里始终生效。 简单理解就是父组件可以通过provide向子孙组件传值,子组件通过inject来接收 // 父级组件提供 'foo' var Provider = { provide: { foo: 'bar' }…

继续阅读 vue中provide和inject的使用