vue与leaflet的结合使用,在popup上放置一个按钮,点击后使用amout挂载一个未挂载的实例,显示一些信息
2017-11-21 19:23
1421 查看
第一,新建一个popup.js文件,内容为:
![](https://img-blog.csdn.net/20171220170449895?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvd3VfeGlhb19xaW5n/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
第二:在有数据的组件给popup中需要显示的属性赋值
![](https://img-blog.csdn.net/20171220170632244?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvd3VfeGlhb19xaW5n/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
第二:在有数据的组件给popup中需要显示的属性赋值
var popup = e.target.bindPopup('<div id="orderdetail">ddd</div>',{minWidth: 60},{maxWidth:'auto'}).openPopup(); showpopup.$mount('#orderdetail'); var popup_template = document.getElementById("orderdetail"); //console.log(popup_template); showpopup.thead_content = '信息';
showpopup.main_content = '<th>姓名</th><th>性别</th><tr><td>qq</td><td>女</td></tr><tr><td>ee</td><td>女</td></tr>';
相关文章推荐
- 点击按钮时显示一个弹框,点击空白,弹框隐藏,也可操作弹框中的内容,也可使用弹框中的按钮关闭弹框
- Vue.js 点击按钮显示/隐藏内容的实例代码
- js控制一个按钮是否可点击(可使用)disabled的实例
- wpf 点击button,下拉Popup显示按钮或信息
- Vue.js 点击按钮显示/隐藏内容 实例
- modalDialog的使用,图片切换,点击图片时打开一个窗体,并显示信息
- 使用jquery实现点击一个按钮或连接,让它下面的div显示,在点击一下隐藏
- 在一个popupwindow上使用spinner,能显示,但当点击spinner时出现异常
- 在看官方的例子时候由一个grid实例,在每一行之前有个加号,展开可以显示内容,在实际应用中还是非常有用的,照搬例子的代码,发现老是提示对象不存在,查阅资料后发现是没有加载插件,这里和大家分享下Ext.grid.RowExpander插件的使用,
- extjs4 点击按钮出现tree,选择一个节点,显示到文本框
- Android程序 类QQ通知常驻在Notification栏 点击Notification正确回调到之前已经放置在后台的Task中的对应Activity,而不是创建它的一个新实例
- javascript 案例,显示一些按钮,如果点击了,当前点击的按钮文本变为“点了”,其他按钮文本变为“没点”
- 不使用GridView自带编辑删除等等按钮,放置服务器控件的按钮。获取点击按钮的当前行以便进行编辑删除
- 点击一个button按钮使窗体2显示在窗体1中
- 在昨天作业的基础上添加 :删除按钮,修改并保存按钮 和 添加按钮。完成这些按钮所对应的功能/新建页面DataXML,使用GridView显示book.xm中的图书信息
- Android程序 类QQ通知常驻在Notification栏 点击Notification正确回调到之前已经放置在后台的Task中的对应Activity,而不是创建它的一个新实例
- android 点击按钮实现页面跳转并显示以选择信息
- 用android做的一个简单的点击按钮显示图片的程序
- 我这里有一段程序,用来在一个对话框里显示出一次http request的原始信息,不过使用Inet API做的
- 使用commons.logging结合log4j显示调试和日志信息