vue extend使用


前言

需求: 界面中有些需求是需要在很多不同界面用js打开同一个界面 这个时候再用vue传统模板就比较繁琐了,所以用vue.extend()API。


弹框页面 传递过来的数据实在生成页面后传递的所以直接获取不到 要在界面更新去取

vue extend使用_第1张图片

js界面 引入页面生成并将传递过来的值赋值到页面中去

vue extend使用_第2张图片

界面调用弹框 因为里面是回调this指向不一样所以在外面确定this

在min.js挂载 这里有个引用坑 在weabpack中配置默认是取index.vue


vue extend使用_第3张图片

vue extend使用_第4张图片

这里有个坑 页面通过js调用打开这个界面传递过来的数据不会被data监听 所以发生会数据更改界面不更改 用set可以处理(最后两个箭头 1代表错误)

vue extend使用_第5张图片

总结

提示:这里对文章进行总结:
例如:以上就是今天要讲的内容,本文仅仅简单介绍了pandas的使用,而pandas提供了大量能使我们快速便捷地处理数据的函数和方法。

你可能感兴趣的:(vue,element,vue,bug,vue)