订阅本栏目 RSS您所在的位置: 深山工作室 > uni-app > 正文

uni-app全局载入模板与某个页面单独加载入模板写法

2020/9/18 8:27:05 字体: 浏览 3106

在项目处理过程有些模板要每次都调用,就可以直接全部加载与按需求情况而加载

1. 全局加载某个自定义的vue模板写法一定要写在根目录的main.js里面
  import qwbmtopcont from "./components/qwbm/pub_top_cont1.vue" //跟某个页面单独加载模板写法一样
  Vue.component('qwbm_pub_topcont',qwbmtopcont) //这里要注意

  qwbmtopcont 可以随便定义,只要下面也调用qwbmtopcont就行
  qwbm_pub_topcont 是在页面中调用的模板组件名称

2. 某个页面单独加载某个自定义的vue模板写法这个只要写在对应的页面中就行了
  import qwbm_pub_topcont from '@/components/qwbm/pub_top_cont1.vue' //先挂载模板,注意@为你文件存放地址

  components: {
   qwbm_pub_topcont //注册模板,方便一会调用
 },


页面调用方法
1. 没有数据调用方式
  <qwbm_pub_topcont></qwbm_pub_topcont>
2. 有数据的调用方式
  <qwbm_pub_topcont :pubtopcontdata="pubtopcontdata"></qwbm_pub_topcont>

相关阅读
css改变页面中的文字颜色与字体粗体
利用javascript来静态添加表格行
一些平时用到HTML的过滤
asp导出内容到excel表并自定义命名后下载(非打开)
photoshop cs 3D变换滤镜下载
aliyun阿里云续费域名优惠口令(注册、续费都可以使用)
ASP.NET 2和IIS 7.0发生不兼容变化
怎样增加网站外链接和注意事项
共有0条关于《uni-app全局载入模板与某个页面单独加载入模板写法》的评论
发表评论
正在加载评论......
返回顶部发表评论
呢 称:
表 情:
内 容:
评论内容:不能超过 1000 字,需审核,请自觉遵守互联网相关政策法规。
验证码: 验证码 
网友评论声明,请自觉遵守互联网相关政策法规。

您发布的评论即表示同意遵守以下条款:
一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家、社会、集体和公民的合法权益;
二、不得发布国家法律、法规明令禁止的内容;互相尊重,对自己在本站的言论和行为负责;
三、本站对您所发布内容拥有处置权。

更多信息>>栏目类别选择
百度小程序开发
微信小程序开发
微信公众号开发
uni-app
asp函数库
ASP
DIV+CSS
HTML
python
更多>>同类信息
uni-app开发表单input组件的一些规则说明自己预留使用
uni-app:使用uni.downloadFile下载word或pdf文件并保存到手机
小程序中利用addPhoneContact将联系人的信息添加到手机通讯录支持保存联系人头像
微信小程序打开客服提示:该小程序提供的服务出现故障,请稍后重试
微信小程序客服会话只能过button让用户主动触发
uni-app开发微信小程序使用button的open-type为contact调用微信客服不能用view或者js调用
更多>>最新添加文章
python通过代码修改pip下载源让下载库飞起
python里面requests.post返回的res.text还有其它的吗
aliyun阿里云续费域名优惠口令(注册、续费都可以使用)
windows7环境下安装配置jdk
python对微信操作要用到这两个库wxpy与itchat
ASP中Utf-8与Gb2312编码转换乱码问题的解决方法页面编码声明
DW设置之后更好用 DreamweaverCS编辑GB2312与UTF-8文件在代码视图中点击鼠标错位问题的解决办法
解决国内 github.com 打不开的准确方法
更多>>随机抽取信息
你们有网站推广服务吗?
盐城市航空假日旅行社有限公司
深山仿QQ爱墙最新版--新的一年,新的界面,新的功能
IE6.0, IE7.0和FireFox浏览器css样式兼容
利用javascript静态改变表单指向与提交方式
uni-app用map组件建立微信小程序显示商家地图位置并且打上标志然后点标志进行调用手机地图导航到对应的地址