精华内容
下载资源
问答
  • HBuilderX2.3.8+版本开始已经废弃“自定义组件模式”概念,使用低版本HBuilderX需更新HBuilderX1.9.0及以上版本uni-app项目启用“自定义组件模式”,运行为APP时做了底层性能优化,可能出现兼容性问题引起白屏现象。...

    HBuilderX2.3.8+版本开始已经废弃“自定义组件模式”概念,使用低版本HBuilderX需更新

    HBuilderX1.9.0及以上版本uni-app项目启用“自定义组件模式”,运行为APP时做了底层性能优化,可能出现兼容性问题引起白屏现象。

    HBuilderX1.9.4及以上版本会自动检查基座环境是否支持启用“自定义组件模式”,如果不支持则会弹出以下提示框

    弹出以上提示框说明需要重新生成自定义基座

    如果出现白屏现象,请按以下步骤检查。

    云端打包自定义基座真机运行

    如果使用低版本HBuilderX时提交云端打包生成了自定义基座安装包,更新HBuilderX后真机运行会继续使用老版本自定义基座,但不包含启用“自定义组件模式”的模块。

    这时需要重新提交云端打包生成新的自定义基座。

    本地(离线)打包自定义基座真机运行

    Android平台

    启用“自定义组件模式”,必须引用uniapp-release.aar。

    uni-app离线打包更多细节请参考uni-app离线打包Android平台注意事项

    iOS平台

    启用“自定义组件模式”,必须引用liblibWeex.a库 和 weex-main-jsfm.js文件

    uni-app离线打包更多细节请参考uni-app离线打包iOS平台注意事项

    云端打包

    提交云端打包不应该弹出此提示框。

    已知iOS平台在20190429 14:00之前uni-app设置"usingComponents":false后云端打包弹出此提示框,请重新提交云端打包

    如果提交云端打包还出现此提示框,请留言提供应用的appid(manifest.json的id字段值),说明是iOS还是Android平台,我们会尽快排查修复

    展开全文
  • HBuilderX2.3.8+版本开始已经废弃“自定义组件模式”概念,使用低版本HBuilderX需更新 解决方法 我们下载下来的Android SDK里有个SDK文件夹,将SDK/libs/uniapp-release.aar 文件移动到打包项目HBuilder-Hello\app\...

    HBuilderX2.3.8+版本开始已经废弃“自定义组件模式”概念,使用低版本HBuilderX需更新

    解决方法

    我们下载下来的Android SDK里有个SDK文件夹,将SDK/libs/uniapp-release.aar 文件移动到打包项目HBuilder-Hello\app\libs\下重新打包即可

    在这里插入图片描述

    HBuilderX1.9.0及以上版本uni-app项目启用“自定义组件模式”,运行为APP时做了底层性能优化,可能出现兼容性问题引起白屏现象。

    HBuilderX1.9.4及以上版本会自动检查基座环境是否支持启用“自定义组件模式”,如果不支持则会弹出以下提示框

    在这里插入图片描述
    在这里插入图片描述

    弹出以上提示框说明需要重新生成自定义基座

    如果出现白屏现象,请按以下步骤检查。

    云端打包自定义基座真机运行

    如果使用低版本HBuilderX时提交云端打包生成了自定义基座安装包,更新HBuilderX后真机运行会继续使用老版本自定义基座,但不包含启用“自定义组件模式”的模块。

    这时需要重新提交云端打包生成新的自定义基座。

    本地(离线)打包自定义基座真机运行

    Android平台

    启用“自定义组件模式”,必须引用uniapp-release.aar。

    uni-app离线打包更多细节请参考uni-app离线打包Android平台注意事项

    iOS平台

    启用“自定义组件模式”,必须引用liblibWeex.a库 和 weex-main-jsfm.js文件

    uni-app离线打包更多细节请参考uni-app离线打包iOS平台注意事项

    云端打包

    提交云端打包不应该弹出此提示框。

    已知iOS平台在20190429 14:00之前uni-app设置"usingComponents":false后云端打包弹出此提示框,请重新提交云端打包

    如果提交云端打包还出现此提示框,请留言提供应用的appid(manifest.json的id字段值),说明是iOS还是Android平台,我们会尽快排查修复

    社区链接: https://ask.dcloud.net.cn/article/35877

    展开全文
  • uniapp框架自定义组件

    2021-01-27 11:41:34
    以新组件ulink为例; 步骤: 1. components文件夹下创建新组件ulink.vue; <template> <text style="text-decoration:underline" :href="href" @click="openURL" :inWhiteList="inWhiteList">{{...

    以新组件ulink为例;

    步骤:

    1. components文件夹下创建新组件ulink.vue;

    <template name="ulink">
    	<text style="text-decoration:underline" :href="href" @click="openURL" :inWhiteList="inWhiteList">{{text}}</text>
    </template>
    
    <script>
    	/**
    	 * @description u-link是一个外部网页超链接组件,在小程序内打开内部web-view组件或复制url,在app内打开外部浏览器,在h5端打开新网页
    	 * @property {String} href 点击后打开的外部网页url,小程序中必须以https://开头
    	 * @property {String} text 显示的文字
    	 * @property {Boolean} inWhiteList 是否在小程序白名单中,如果在的话,在小程序端会直接打开内置web-view,否则会只会复制url,提示在外部打开
    	 * @example * <u-link href="https://ext.dcloud.net.cn" text="https://ext.dcloud.net.cn" :inWhiteList="true"></u-link>
    	 */
    	export default {
    		name: 'u-link',
    		props: {
    			href: {
    				type: String,
    				default: ''
    			},
    			text: {
    				type: String,
    				default: ''
    			},
    			inWhiteList: {
    				type: Boolean,
    				default: false
    			}
    		},
            //组件生命周期
            created:function(e){
            },
    		methods: {
    			openURL() {
    				// #ifdef APP-PLUS
    				plus.runtime.openURL(this.href) //这里默认使用外部浏览器打开而不是内部web-view组件打开
    				// #endif
    				// #ifdef H5
    				window.open(this.href)
    				// #endif
    				// #ifdef MP
    				if (this.inWhiteList) { //如果在小程序的网址白名单中,会走内置webview打开,否则会复制网址提示在外部浏览器打开
    					uni.navigateTo({
    						url: '/pages/Aa/web-view/web-view?url=' + this.href
    					});
    				} else {
    					uni.setClipboardData({
    						data: this.href
    					});
    					uni.showModal({
    						content: '本网址无法直接在小程序内打开。已自动复制网址,请在手机浏览器里粘贴该网址',
    						showCancel: false
    					});
    				}
    				// #endif
    			}
    		}
    	}
    </script>
    
    <style>
    
    </style>
    

      2. index.vue页面引入新组件ulink:

    <u-link class="hello-link" :href="'https://uniapp.dcloud.io/component/'" :text="'点击进去详情页'" :inWhiteList="true"></u-link>
    <script>
    	import uLink from '@/components/uLink.vue'
    	export default {
    	    components: {
    	        uLink
    	    },
          ....
        }
    </script>
    

     

    展开全文
  • uni-app 自 1.8版本开始,新增支持自定义组件模式,该编译模式组件性能更高,支持更多的Vue语法。请开发者尽快升级老版项目为自定义组件模式,老版的模板编译模式将不再维护。开发者启用自定义组件模式后,在进行...

    uni-app 自 1.8版本开始,新增支持自定义组件模式,该编译模式组件性能更高,支持更多的Vue语法。

    请开发者尽快升级老版项目为自定义组件模式,老版的模板编译模式将不再维护。

    开发者启用自定义组件模式后,在进行自定义组件开发(页面开发不影响)时,需注意如下约束id 为保留属性名,不能作为 props 传递,微信小程序自定义组件限制

    props 中不能定义 data 为属性名,百度小程序限制

    props 不支持 date 类型数据传递,微信小程序自定义组件限制

    uni.createSelectorQuery() 和 uni.createIntersectionObserver() 的调整// 错误uni.createSelectorQuery();uni.createIntersectionObserver();// 正确uni.createSelectorQuery().in(this); uni.createIntersectionObserver().in(this);uni.createCanvasContext() 的调整// 错误uni.createCanvasContext();// 正确uni.createCanvasContext('#canvas',this);uParse 富文本解析组件的调整优化了 `uParse 组件` 的性能,如老项目有使用,请直接替换最新组件,使用方式不变:[https://ext.dcloud.net.cn/plugin?id=183](https://ext.dcloud.net.cn/plugin?id=183)其实插件市场有更多三方增强的uparser组件可用,可以搜一下。

    ECharts 图表组件的调整

    使用方式修改 :在 echarts 组件 :onInit 属性中添加代码,添加 ec-canvas 样式,移除:echarts="echarts"// @/pages/template/echarts/echarts.vue // 添加 ec-canvas 样式保证组件排版,同时移除旧的:echarts="echarts"

    其实插件市场有更多优秀的三方增强的图表组件可用,可以搜一下。css 调整

    在编译成微信小程序原生组件的时候,会在组件外增加一层父节点。有可能样式会受到影响,比较典型的就是 flex 布局,请在微信端完成一遍测试。

    组件生命周期

    编译成原生组件的时候,组件的生命周期请严格参考 组件生命周期 中的说明。

    需要注意的是,组件不支持 onLoad 等页面的生命周期。仅支持解构插槽 Prop(支持设置默认值,但不提供重命名) {{ slotProps.user.firstName }} {{ user.firstName }}组件中引用图片等静态资源时,一定要使用绝对路径,即 /static/logo.png 这样。其实,无论是页面还是组件,引用静态资源时统一采用绝对路径的方式是最优方案。

    App额外注意事项App使用自定义组件模式,Android会增加6M左右的包体积。原因是App端增加了一个独立的v8以减少js的阻塞。iOS不变化,因为iOS的jscore是iOS自带的。

    离线打包的项目需要在原生工程里引入 :离线sdk包里的liblibWeex.a库 和 weex-main-jsfm.js 和 weex-polyfill.js文件。

    在独立v8下运行时,目前不支持crypto.getRandomValues方法,一些区块链应用的框架会用到此api,建议修改js源码绕过,或者改用老的模板编译模式。

    展开全文
  • 自定义组件模式自定义组件模式 自定义组件模式问题还是挺多的,之前没问题的地方,更新为自定义组件模式后总是出现一些莫名其妙的问题,组件封装input后,form的@submit事件就无法获取到组件中input的值,问题...
  • WXSS是一套样式语言,用于描述 WXML 的组件样式。 WXSS 用来决定 WXML 的组件应该怎么显示。 与 CSS 相比,WXSS 扩展的特性有:尺寸单位,样式导入 尺寸单位:rpx,可以根据屏幕宽度进行自适应,建议开发微信小程序...
  • 自定义组件:自己开发组件,然后再项目中多处复用,提高开发效率,这也是组件化的核心思想 快速创建一个组件的步骤: 1、新建的组件构造器: Component({ }) 2. 文件类型也有4个:wxml,json,js,wxss #### 3. 在需要...
  • 鸿蒙基础知识-自定义组件

    千次阅读 2021-02-20 15:19:46
    一.概述 在实际的开发过程中,往往系统自己自带的组件是不能满足开发需求的,需要自己按照系统的规则去定制自己的组件; 鸿蒙os中的所有的组件的基类直接...自定义Component组件 1.继承Component类 public class T
  • 1.全局组件 定义方式示例: Vue.component("hello-component", { props: ["message"], template: "<div ><h1>组件定义之全局组件</h1><h4>{{message}}</h4></div>" }); 使用...
  • 当Java UI框架提供的组件无法满足设计需求时,可以创建自定义组件,根据设计需求添加绘制任务,并定义组件的属性及事件响应,完成组件的自定义。 常用接口 表1Component类相关接口 接口名 作用 ...
  • 文章目录自定义全局组件自定义局部组件自定义组件的data和methods组件切换动态组件组件动画父子组件父子组件数据传递父子组件方法传递多级组件数据和方法传递匿名插槽具名插槽v-slot指令作用域插槽v-slot指令接收...
  • @[TO封装vue组件库有2种形式: 1、使用 webpack-simple 模板,没有vue-router的中间件,不需要路由时推荐使用,同时 webpack-...│ └─ components 存放所有自定义组件目录 │ ├─ xx-btn 单个自定义组件目录 │ └
  • vue组件做成npm包发布 项目新建 创建新项目cuttle:vue create cuttle 修改项目结构及配置文件: 修改src文件为examples,根目录下新建配置文件vue.config.js,并重写配置vue.config.js文件内容如下: module....
  • 如果我们想用一个圆环之类的形式来展示,需要自定义组件了。 最终效果 目录 最终效果 自定义布局 继承组件基类 获取组件大小 组件构成分析 绘制布局 初始化画笔函数的调用时机 设置监听 自定义XML属性...
  • 微信小程序自定义组件(一)

    千次阅读 2020-12-28 23:33:47
    好吧,突然发现学不完了,一下子,那就分开吧,由于时间太久,直接重新大致复习了一下微信小程序自定义组件微信小程序支持自定义组件下方的目录其中,components为组件目录,nodemodules为模块目录,pages为小程序的...
  • 自定义组件的根元素上监听一个原生事件在和html原生标签上监听一个原生事件是有区别的 如在App.vue中: <!-- 给自定义组件添加点击事件 print --> <Article v-for="article in articleList" :key=...
  • ESP32 ESP-IDF自定义组件

    2021-12-05 10:09:13
    } } } 说明: 1) #include "led.h"是对自定义组件led的引用 2) static函数和普通函数 原来代码: static void initialise_wifi(void) 中的static要去掉,写成: void initialise_wifi(void) 否则编译不过去。...
  • 简介组件系统是Vue.js其中一个重要的概念,它提供了一种抽象,让我们可以使用独立可复用的小组件来构建大型应用,任意类型的应用界面都可以抽象为一个组件树例如,你可能会有页头、侧边栏、内容区等组件,每个组件又...
  • 一、自定义组件大小的设置不管你怎么设置,自定义组件似乎总是match_parent。我们需要覆盖onMeasure方法,并在其内正确设置组件大小。[java]@Overrideprotected void onMeasure(int widthMeasureSpec, int ...
  • 一、问题页面功能太多,想分成多个自定义组件,结果发现自定义组件样式不生效。二、解决办法(个人推荐第三种)第一种:外部样式类利用externalClasses定义段定义若干个外部样式类实现/* CustomComp.js */export ...
  • 创建项目 使用vue create xxx命令创建一个default类型的项目 修改目录 把src 改为 examples ...main.vue中编写组件代码,注意:组件的name一定要写,将来是使用时的标签名(我这里是GradientProgress) progr
  • 最后发现是卡在了登录环节,我们登录组件是使用了一个小程序自定义组件,为了方便在不同页面复用。 平时表现优异的登录组件,怎么突然就罢工了呢?各种调试。。。就是不出来。。。 无奈之下只要查官方文档,好家伙...
  • 一、自定义组件造成其他组件的隐藏我们在开发过程中往往现有的组件无法满足我们的需求,所有我们需要去自定义组件来实现我们的需求,在实现的过程中总会有各种问题,这里我们讨论一下onMeasure的使用,首先我们看...
  • 扩展JSF commandLink组件 在同一命名容器中重用facelets组合时避免重复的id 定制组件 每当使用Facelet标记文件或复合组件无法实现功能时,请使用自定义组件,因为标准/可用组件集中缺乏支持。 可以在开源组件库(如...
  • 详细问题描述在自定义组件编译模式下,scroll-view上滑一段距离后(scrollTop > 0)(代码禁用webview的下拉刷新),页面下拉刷新并未被禁用,导致列表只能上滑,无法下滑(下拉);在非自定义组件编译模式下,通过代码...
  • 作者:刘大 SuperMap iPortal 10i,地图大屏基于SuperMap iClient Vue 组件全新构建,提供了多种...在进行自定义组件之前,可先查看官方文档,里面提供了自定义组件项目程序,讲述了开发调试以及最终如何部署在iPor.
  • 详细问题描述[内容]tap事件无法正常触发重现步骤[步骤]页面引入自己封装的导航栏组件,在组件内的一个view绑定tap事件,点击view[结果]Android 的uniapp无法触发tap事件,h5端正常触发[期望]全端正常触发[如果语言...
  • 4.8【HarmonyOS鸿蒙开发】自定义组件 作者:韩茹 公司:程序咖(北京)科技有限公司 鸿蒙巴士专栏作家 HarmonyOS提供了一套复杂且强大的Java UI框架,其中Component提供内容显示,是界面中所有组件的基类。...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 249,057
精华内容 99,622
关键字:

自定义组件模式

友情链接: VByanse.rar