uni-app子页面出发shiw

2024-10-28

uni-app 页面跳转的两种方法

1.navigator 标签 <navigator url="../component/classdetails/classdetails"> <view class="classContent" > <view class="cContent"> 我就试试而已! </view> </view> </navigator> 2.@tap事件跳转 <view class=

Ionic2开发笔记（2）创建子页面及其应用

1. 当你第一次产生ionic2应用程序,这是生成的项目结构 ├── ├── config.xml 这包含配置应用程序的名称,和包名,将被用于我们的应用程序安装到一个实际的设备. ├── hooks ├── ionic.config.json ionic版本信息 "name": "Ion2","app_id": "","v2": true,"typescript": true

1.在vue.js中组件可以复用,然后最近配置了几个子页面在这个文件中配置路由,子页面的配置跟其他一样,只不过path不同. routes: [ { path: '/', name: 'HelloWorld', component: HelloWorld }, { path: '/city/lichuan', name: '利川', component:citylevel } 这样,就可以通过路径

ionic2 子页面隐藏去掉底部tabs导航，子页面全占满显示方法(至今为止发现的最靠谱的方法)

项目中遇到 tabs 字页面可以用以下代码隐藏的方式: imports: [ BrowserModule, // IonicModule.forRoot(MyApp), HttpModule, IonicModule.forRoot(MyApp,{ tabsHideOnSubPages: 'true' , //隐藏全部子页面tabs iconMode: 'ios', mode: 'ios', modalEnter: 'modal-slide-in', modalLeave: 'modal-sl

ionic3 隐藏子页面tabs

看了几天ionic3 问题还挺多的,今天想把所有子页面tabs 给去掉,整了半天,发现app.Module 是可以配置的修改 IonicModule.forRoot(MyApp) imports: [ BrowserModule, // IonicModule.forRoot(MyApp), HttpModule, IonicModule.forRoot(MyApp,{ tabsHideOnSubPages: 'true' , //隐藏全部子页面tabs iconMode: 'ios', mo

关于在ViewPager的子页面中不能跳转的问题

关于在ViewPager的子页面中不能跳转的问题什么是ViewPager? 相信很多人使用过微信,其实微信的四个子页面:微信.通讯录.发现.我以及下面的引导空间就是ViewPager. 出现的问题: 怎么解决的? 之后经过一番调试+查资料:发现把Activity.this改成getActivity()发现不报错了~~ 但是运行程序后点击这个按钮,直接退出APP~~~ 之后三小时的发现把getActivity()改成getContext()就能成功了,成功跳转~~~

MUI框架开发HTML5手机APP(二)--页面跳转传值&底部选项卡切换

概述 JRedu 在上一篇博客中,我们学习了如何使用Hbuilder创建一个APP,同时如何使用MUI搭建属于自己的第一款APP,没有学习的同学可以戳链接学习: http://www.cnblogs.com/jerehedu/p/7832808.html 今天这篇博客,我们继续深入学习MUI框架,主要学习这几个方面:加载子页面.页面跳转并传值,底部选项卡的多种实现方式. 一.MUI加载子页面 1加载子页面详解在mobile app开发过程中,经常遇到卡头卡尾的页面,也就是说头部和尾部保持

AngularJS ui-router刷新子页面路由

网上有各种刷新子页面路由的方法,但是不知道为什么放到我的页面就不行了,尴尬! 网上的方法有: <a href="#" ui-sref="app.toMenu" ui-sref-opts="{reload:'app.toMenu'}">  另外也可以用$state.reload(); $state.reload()是加载整个页面; $state.reload('app.toMenu'

嵌入式iframe子页面与父页面js通信方式

iframe框架中的页面与主页面之间的通信方式根据iframe中src属性是同域链接还是跨域链接,有明显不同的通信方式,同域下的数据交换和DOM元素互访就简单的多了,而跨域的则需要一些巧妙的方式来实现通信. 一.同域下父子页面的通信父页面 Parent.aspx <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Parent.aspx.cs" Inherits="

MUI框架-08-窗口管理-创建子页面

MUI框架-08-窗口管理-创建子页面之前写过这一篇,不知道为什么被删了,我就大概写了,抱歉创建子页面是为了,页面切换时,外面的页面不动,让 MUI 写出来的页面更接近原生 app 官方文档:http://dev.dcloud.net.cn/mui/window/#subpage 创建子页面 1.在HBuilder 新建移动app项目,选择 mui 3.新建html目录用来存放html文件,新建含 mui 的HTML文件在 Hbuilder 中,新建HTML文件,选择"含 mui的HTML

Ionic01 简单介绍、环境搭建、创建项目、项目结构、创建组件、创建页面、子页面跳转

1 Ionic 基本介绍 Ionic 是一款基于 Angular.Cordova 的强大的 HTML5 移动应用开发框架 , 可以快速创建一个跨平台的移动应用.可以快速开发移动 App.移动端 WEB 页面.微信公众平台应用,混合 appweb 页面. Ionic官网 1.1 ionic.cordova.angular之间的关系 ionic=Cordova+Angular+ionicCSS Ionic 是完全基于谷歌的 Angular 框架,在 Angular 基础上面做了一些封装,让我们可以更

ionic2 中隐藏子页面tabs选项卡的三种方法

第一种: 隐藏全部子页面的tabs选项界面找到app.module.ts文件 ,修改如下代码 imports: [ IonicModule.forRoot(MyApp,{ tabsHideOnSubPages: 'true' //隐藏全部子页面tabs }) ], 第二种:隐藏某个子页面的tabs ; 缺点:当子页面使用pop()方法退出时,父页面的任何事件都不响应. import { App } from 'ionic-angular'; //1.引入App类 constructor(p

uni app中使用自定义图标库

项目中难免会用到自定义图标,那在uni app中应该怎么使用呢? 首先, 将图标目录放在static资源目录下: 在main.js中引入就可以全局使用了 import '@/static/icon-one/icon-one.css' 在页面中的使用: <view class="user-wrap-message-item"> 我的订单 <view class="arrow-right"></view> </view>

通过easyui tab添加的子页面JS脚本必须放在body才生效

通过easyui tab添加的子页面JS脚本必须放在body才生效可通过Chrome查看元素时,head标签是否含有你自己写的JS代码

父页面操作iframe子页面的安全漏洞及跨域限制问题

一.父子交互的跨域限制同域情况下,父页面和子页面可以通过iframe.contentDocument或者parent.document来交互(彼此做DOM操作等,如父页面往子页面注入css). 跨域情况下,就会有限制,无法相互操作. [解决办法] 1.主域不同没招 2.主域相同,子域不同以父(a.baidu.com)子(b.baidu.com)为例: 这俩页面相互操作,要是想解决跨域限制,必须设置一个共同的主域,即document.domain="baidu.com" 二.禁止父

AppBox v6.0中实现子页面和父页面的复杂交互

前言 1. AppBox是捐赠开源(获取源代码至少需要捐赠作者 1 元钱),基于的 FineUI(开源版)则是完整开源,网址:http://fineui.codeplex.com/ 2. 你可以通过捐赠获取 AppBox 的完整源代码:http://fineui.com/donate/ 3. AppBox v3.0于 2013-08 发布,采用了EF CodeFirst开发模式和扁平化的设计理念:http://www.cnblogs.com/sanshi/p/3274122.html AppBo

父子页面之间元素相互操作(iframe子页面)

js/jquery获取iframe子页面中元素的方法: 一.使用window.frames["iframe的ID"]获取元素 window.onload = function() { var oIframe = window.frames["oIframe"].document.getElementById("getFrame"); console.log(oIframe); } 注意:此处一定要加上window.onload或者DOMConte

js之iframe子页面与父页面通信

iframe子页面与父页面通信根据iframe中src属性是同域链接还是跨域链接,通信方式也不同. 一.同域下父子页面的通信父页面parent.html <html> <head> <script type="text/javascript"> function say(){ alert("parent.html"); } function callChild(){ myFrame.window.say(); myFrame.w

android 布局使用 viewPager 时，如何解决和子页面长按滑动冲突问题

使用 viewPager 时,如何解决和子页面长按滑动冲突问题. 我的问题原型: 这个问题,我相信遇到的人会比较少,我是在一个 viewPager 中,其中一个 fragment 中实现了长按滑动图片的功能,而发现它们两者的 onTouchEvent事件冲突. 尝试过的解决方法: 1----- 遇到这问题,首先是百度,百度到的方法有,自定义 viewPager,在里面重写 onTouchEvent 和 onInterceptTouchEvent,具体代码是下面,这种方法,我尝

JavaScript从父页面获取子页面的值（子页面又如何访问父页面）

之前还真没做过类似的东西,,top页面获取子页面的document.. 在百度搜了下即找到这个东东,还好,能用. 主要就是使用 contentWindow方法,获取子页面的所有document,再做处理. 通过js从父页面获取子页面的值通常在很多情况下都会遇到通过js来传值的问题,只要通过一些页面关联,他们的值就可以互相传递,其中应用框架的时候传值问题可能会遇到更多一些 1.从父页面传值到子页面可能很容易办到,在很多情况下可以不通过js来传就可以达到目的,但从子页面把数据传给父页面就不是那么容

Jquery父页面和子页面的相互操作

//父页面调用子页面Add函数 $("iframe")[0].contentWindow.Add() //父页面对子页面Id为Sava的Dom元素执行一次单击操作 $("iframe").contents().find("#Sava").click(); //子页面调用父页面Update()函数 parent.Update(); //子页面获取父页面Id为Name的Dom元素的value值 parent.$("#Name").