精华内容
下载资源
问答
  • uni-app项目非自定义组件模式升级到自定义组件模式问题总结 最近更新了HBuiderX,发现原来的正常显示的页面和文件路径发生了异常,仔细一看原来是新更新的HX默认编译模式为自定义组件模式,和项目之前的非自定义组件...

    uni-app项目非自定义组件模式升级到自定义组件模式问题总结

    最近更新了HBuiderX,发现原来的正常显示的页面和文件路径发生了异常,仔细一看原来是新更新的HX默认编译模式为自定义组件模式,和项目之前的非自定义组件模式产生了冲突和不兼容。正好也趁着这个机会将整个项目升级到自定义组件模式。

    非自定义组件模式升级到自定义组件模式,影响最直接的是组件内部的文件路径异常

    非自定义组件模式升级到自定义组件模式,影响最直接的是页面布局和文件路径。
    例如:在之前非自定义组件模式中tonggu通过.../../../static/bg.png就能访问到对应的背景图片,然而更新后需要../../../../../static/bg.png才能访问到相应的背景图片。【备注:上面文件路径异常仅是指在页面引入的外部组件内访问文件时才存在,正在页面路径无此异常】

    使用v-for渲染uni-list和uni-list-item时uni-list样式丢失

    在非自定义模式下要想使用官方的列表组件uni-list和uni-list-item,则只能像下面代码片段这样 操作

    <block v-for="(application,index) in Lists" :key="index" >
    	<view class="uni-list"   >
    		<uni-list-item :title="application.SCode" :note="application.HCDD+'--'+application.UDate.slice(0,10)" :thumb="`../../${HCIcon[application.HCType]}`" show-badge="true" :badge-type="state[application.Status].type" :badge-text="state[application.Status].text"></uni-list-item>
    	</view>
    </block>
    

    只能讲uni-list-item的父级样式设置为uni-list(组件uni-list内部的样式),而不能把其父级像官方案列设置为uni-list组件,具体见我另外一篇blog添加链接描述
    现在将项目更新为自定义组件模式发现uni-list样式丢失了。具体应该是uni-app自定义组件模式实现了v-for循环渲染自定义组件。那么这里有两种解决办法,一种时将uni-list组件下的uni-list样式拷贝到使用到class = uni-list的文件目录下,如果多个页面使用到uni-list建议将uni-list设置为全局样式。第二种解决办法是直接将uni-list-item的父级设置为uni-list组件【备注:这种方法我没有尝试,我项目中使用的是第一种方法,这样代码改动较小】

    支持v-for渲染自定义组件

    这个应该是改动最大或者最有意义的了,在之前的非自定义组件模式下使用v-for渲染外部组件时,尤其是带插槽的组件,在组件插槽内无法访问当前页面的作用域(vue官方也有说明)在非自定义组件模式下要想在组件插槽内使用父级页面数据(通常是循环)通常需要像下面这样操作:通过props将值传递到组件内部,然后再在插槽内使用

    <view class="swipBox" v-for="index in ZYUserListsLength" :key = "index">
    	<uni-swipe-action :options="options"  :gmyUser="ZYUserList[index].ZYUser" :gmyTime = "ZYUserList[index].ADate" >
    		<view class='swipItem'>{{gmyUser}} --{{gmyTime}}</view>
    	</uni-swipe-action>
    </view>
    

    现在使用自定义组件模式则可以直接在内使用循环的元素,像这样:

    <view class="swipBox" v-for="(value,index) in ZYUserList" :key = "index" >
    	<uni-swipe-action :options="options" >
    		 <view class='swipItem'>领用人:{{value.ZYUser}} &nbsp;&nbsp;&nbsp;{{value.ADate}}</view>
    	</uni-swipe-action>
    </view>
    

    而在自定义模式下前面那种用法将显示undefined。

    一些接口变更

    这个主要就参考官网说明,比如说canvas接口需要额外传递环境this变量等。

    本次项目升级遇到的主要就是这些问题,后续有新的错误再更新。

    展开全文
  • 自定义组件模式自定义组件模式 自定义组件模式问题还是挺多的,之前没问题的地方,更新为自定义组件模式后总是出现一些莫名其妙的问题,组件封装input后,form的@submit事件就无法获取到组件中input的值,问题...

    使用自定义组件模式云端打包后,在ios端tabbar首页为nvue页面时,显示页面整体上移了。换成非自定义组件模式显示又正常了。

    自定义组件模式

    b24c15ec25a10ab26c8213b2ff9998a6.png

    非自定义组件模式

    64eeebc00a6004fefce0c795d65f9188.png

    自定义组件模式问题还是挺多的,之前没问题的地方,更新为自定义组件模式后总是出现一些莫名其妙的问题,组件封装input后,form的@submit事件就无法获取到组件中input的值,问题应该的自定义组件模式是以组件的方式渲染,form事件无法获取到组件里的表单值。(不得已,只能把项目中所有使用封装input组件的地方,修改为直接使用原生组件代码)。image组件的@error事件虽然能触发,但是给image赋值确无反应,不管是相对地址还是绝对地址,图片都不显示(使用非自定义组件模式就能显示)。

    项目已上线了,每次升级HBuilderX心里都突突的,总是担心会出现这样那样的问题,结果是每次都没有让我失望,每次都有问题,无奈!!

    也没感觉出自定义组件模式比非自定义组件模式快多少,也没有官方测试的对比数据说的那么好,以前慢的地方还是慢,希望官方能在兼容性和性能方面多提升提升。

    展开全文
  • “usingComponents” : true 自定义组件模式, false 非自定义组件模式 1、自定义组件模式 编写组件时,避免使用tagName, ID, attribute 三种选择器; 2、$emit 非自定义组件: 中划线连接或驼峰连接都可以 vue 官网...

    manifest.json文件中
    “usingComponents” : true 自定义组件模式, false 非自定义组件模式

    1、自定义组件模式
    编写组件时,避免使用tagName, ID, attribute 三种选择器;

    2、$emit
    非自定义组件:
    中划线连接或驼峰连接都可以
    vue 官网推荐emit的函数名用中划线链接

    this.$emit('upload-image', data, this.dataName);
    @upload-image="uploadImage(arguments)"
    
    uploadImage(data) { 
    //data为一个数组,第一个参数为emit中的data,第二个参数为emit中的this.dataName
    }
    

    自定义组件模式:
    emit中使用中划线父函数中接受不到

    this.$emit('uploadImage', [data, this.dataName]);
    
    @upload-image="uploadImage"
    或
    @uploadImage="uploadImage"
    
    uploadImage(data) { 
    //data子组件emit传出来的数组数据
    }
    

    注意:emit的函数名使用驼峰的方式,则自定义组件模式和非自定义组件模式都支持。

    3、props
    (1)非自定义组件模式可以拿到dataName属性的值,自定义组件模式拿不到,将dataName改为别的名字就可以拿到,如attrName
    (2)props中的属性的type值
    非自定义组件模式下,type带不带引号都可以,vue 官方是不带引号。
    自定义组件模式下,type不能带引号,不然后报错。

    展开全文
  • 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

    展开全文
  • HBuilderX2.3.8+版本开始已经废弃“自定义组件模式”概念,使用低版本HBuilderX需更新HBuilderX1.9.0及以上版本uni-app项目启用“自定义组件模式”,运行为APP时做了底层性能优化,可能出现兼容性问题引起白屏现象。...
  • 我们下载下来的Android SDK里有个SDK文件夹,将SDK/libs/uniapp-release.aar 文件移动到打包项目HBuilder-Hello\app\libs\下重新打包即可
  • Laya自定义组件

    2019-10-02 16:43:01
    教程翻了几遍,没有自定义组件,论坛搜了下,说是不能使用。 二 预置件做自定义组件 预置件无法右键创建。 又去翻教程。终于知道预置件怎么创建了。就是选中一个组件,然后右上角有个按钮,设置为...
  • 小程序自定义组件

    千次阅读 2018-03-19 09:24:36
    小程序基础库版本1.6.3开始,小程序支持简洁的组件化编程,由于小程序不支持状态管理模式,导致组件之间耦合程度比vue的低(自定义组件自定义组件,如果自定义组件要触发界面方法,必须一层一层回调)。...
  • Android自定义组件

    2015-05-08 01:39:14
    题记 有一种失败叫瞎忙;从今天起,做一个码代码的人,java、android、linux;...1、首先自定义组件,你需要在/res/values/下新建attrs.xml文件用来定义自定义组件 &lt;?xml version="1.0" ...
  • 自定义组件

    2011-10-07 19:54:00
    1、创建自定义组件Building Custom Components Android提供了一个精致而强大的组件化模式来创建你的用户界面,基于基础的布局类:视图View和视图组ViewGroup。平台包含了多种预定义视图和视图组子类
  • 前言自从react16.8,react-hooks诞生以来,在工作中一直使用hooks,一年多的时间里,接触的react项目,渐渐使用function无状态组件代替了classs声明的有状态组件,期间也总结了一些心得。尤其对于近期三个月的项目里...
  • react 自定义组件 react-cool-onclickoutside是一个React 挂钩 ,当用户在目标组件区域之外单击时触发回调。 这是UI交互设计(IxD)的有用逻辑,例如关闭下拉菜单,模式或工具提示等。帮助大家❤️。 ⚡️现场演示:...
  • 小程序测试环境预览模式白屏或自定义组件内容不显示或接口请求失败 解决方案 问题简述:小程序开发过程中预览模式部分页面白屏或带有自定义组件的页面白屏,同时还可能导致请求接口失败,我的这个问题只在测试环境...
  • 中文智能客服机器人demo,包含闲聊和专业问答2个部分,支持自定义组件 中国智能客户聊天机器人演示,包括八卦和专业问答(FAQ),支持自定义组件! 介绍 一,本项目由两个部分组成,一是基于tf-idf检索的召回模型,...
  • 第四章 自定义组件、动画

    千次阅读 2020-04-11 21:20:26
    第三章 自定义组件、动画 (一)自定义View 1.1) onMeasure:对当前View的尺寸进行测量 protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) widthMeasureSpec和heightMeasureSpec包含测量...
  • 一、自定义组件大小的设置 不管你怎么设置,自定义组件似乎总是match_parent。我们需要覆盖onMeasure方法,并在其内正确设置组件大小。 @Override protected void onMeasure(int widthMeasureSpec, int ...
  • 1、创建components目录,在目录下再创建子文件夹放置组件文件(易于区分),模板文件与正常文件一样有js,json,wxml,wxss四种格式。 2、 在wxml里写入正常的代码,把需要的样式写成变量模式,slot部分承载你要显示...
  • 小程序自定义组件可滑动切换选项卡tab-view 1、可点击tab与左右滑动切换 2、线条游标位置宽度模式可设置 3、可自行更改主题样式 4、公开切换监听和滑动到底事件
  • Android自定义组件之循环广告实现菜单实现步骤 利用ViewPager使广告图片滑动起来 利用MVC模式来完成初始化布局 1.View视图initViews(); 2.Model数据initData(); 3.Controller 控制器initAdapter();保存广告图片,...
  • flex4自定义组件开发1

    2012-02-01 08:27:35
    自定义组件开发,有2中方式,分别是MXML 组件开发和ActionScript组件开发,下面分别介绍 MXML 组件开发的优点: 1. 可以利用“设计”模式,进行所见即所得的界面开发。 2. 可以快速的添加子组件。不需要申明一个...
  • HBuilderX 2.5.5起支持easycom组件模式。easycom的作用:传统vue组件,需要安装、引用、注册,三个步骤后才能使用组件。easycom将其精简为一步。 只要组件安装在项目的components目录下,并符合components/组件名称/...
  • 指令模式(蒙版) fullscreen Boolean   v-dht-loading.fullscreen 在非全屏模式下,dom没有渲染完成下会导致元素顶部对齐   background String 0, 0, 0, 0.5   text ...
  • 5. 自定义Component 使用Componet类编写一个Componet 配置Component json中的component为true - 表示开启了component模式 在需要引入页面的json文件中的usingComponent中注册(路径注意要指到.js文件) 在...
  • 创建自定义组件Building Custom Components Android提供了一个精致而强大的组件化模式来创建你的用户界面,基于基础的布局类:视图 View和视图组ViewGroup。平台包含了多种预定义视图和视图组子类-分别...
  • Composer自定义组件(一)

    2019-07-26 16:25:18
    composer的目录结构: vendor/ ├── .editorconfig # 编辑器配置文件,比如缩进大小、换行模式等 ├── .gitattributes # git 配置文件,可以设计导出时忽略文件等 ├── .gitignore # g...
  • Nativescript中的自定义组件 建立 按照安装nativescript。 更改为该项目的根目录并运行tns install 。 这将安装nativescript核心模块和设置平台。 滚动 以下命令是不言自明的,应该使您立即滚动: tns emulate ...
  • 创建自定义组件Building Custom ComponentsAndroid提供了一个精致而强大的组件化模式来创建你的用户界面,基于基础的布局类:视图 View和视图组ViewGroup。平台包含了多种预定义视图和视图组子类-分别称为部件和布局...
  • 软件名称:棉花糖QQ2010Beta V2.0 软件类型:国产软件 运行环境:Win9X/2000/XP/2003/ 软件语言:简体中文 软件大小:30.34MB 更新时间:2010-2-21 ...非会员可涂鸭 自定义组件安装 QQ常用工具[位于开始菜单] CRC32:

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 2,674
精华内容 1,069
关键字:

自定义组件模式