vue实现店铺装修h5用户端实现

获取数据之后就可以动态渲染页面了

app.vue

<template><div id="app"><button @click="getdata">获取数据</button><component :is="item.name" :enterprise="item.style" v-for="(item,index) in list" :key="index"></component></div>
</template>
<script>
import hack from "./views/hack";
import Home from "./views/Home";
export default {name: "app",data() {return {list: []};},methods: {getdata() {setTimeout(() => {this.list = [{ name: "hack", style: "background:red;color:white" },{ name: "Home", style: "background:yellow;color:blue" }];}, 1000);}},components: {hack,Home}
};
</script>

hack.vue

<template><div class="hack"><div :style="enterprise">hack</div></div>
</template><script>
export default {name: 'hack',props:['enterprise'],
}
</script>

Home.vue

<template><div :style="enterprise">home</div>
</template><script>
export default {name: "home",props: ["enterprise"],
};
</script>

vue实现店铺装修h5用户端实现相关推荐

android h5 禁止缩放,vue h5移动端禁止缩放代码
vue h5移动端禁止缩放代码安卓在index.html里面写 ios 在APP.vue里面写 window.onload = function() { document.addEventList ...
仿微信 java IM即时通讯 | uni-app IM即时通讯 | vue IM即时通讯桌面端 | 源码出售
仿微信 uniapp IM 即时通讯源码 & 即时通讯知识小科普源码,不加密,方便二开! 私有云服务,高效稳定,数据安全,无第三方服务拓展性强,可拓展任意的消息体类型! 性能优秀,资源足 ...
pdfh5.js 基于pdf.js和jQuery，web/h5/移动端PDF预览手势缩放插件。
pdfh5.js 基于pdf.js和jQuery,web/h5/移动端PDF预览手势缩放插件. 注意:本地绝对路径地址不能加载,跨域问题用代理或者服务端解决. svg模式渲染存在缺陷,只能渲染普通pd ...
php 可以做pc客户端吗,vue.js能做pc端吗
vue.js能做pc端,因为Vue是一套构建用户界面的渐进式框架,不管是用在PC端还是用在移动端,只要提供对应的API及数据相应就可以:但是PC端单页面对于搜索引擎可能不太友好,无法让搜索引擎把整个网 ...
H5 移动端获取腾讯地图计算两经纬度的实际距离（可批量）_多地打卡
文章目录一.H5移动端 1. 安装vue-jsonp 2. 引入腾讯sdk 3. 实例化 4. 二点求距离 5. 多点求距离文档地址: https://lbs.qq.com/service/web ...
npm 可视化html编辑器,超给力 Vue.js 可视化H5拖拽编辑器Quark-H5
前两天有分享一个鲁班H5移动端页面生成器.今天再给大家推荐一款超优秀的Vue H5可视化布局编辑器QuarkH5. quark-h5 基于 vue.js 开源的H5可视化拖放编辑器,star高达1.7 ...
开源全平台版知识付费系统源码支持微信小程序+公众号+H5+PC端
分享一个开源全平台版知识付费系统源码,系统支持微信小程序+公众号+H5+PC端,一套系统实现全端数据及用户体系全面打通,轻松实现店铺全网一站式运营.含完整代码包和详细搭建教程. 系统支持视频课程.音频 ...
JSAPI支付——H5网页端调起支付接口
1 /**2 * JSAPI支付--H5网页端调起支付接口3 */4 class JsApi_pub extends Common_util_pub5 {6 var $code;//code码,用以获 ...
vue ＋微信获取用户信息
vue + 微信获取用户信息本次项目做到一个点赞功能,即分享出去一个页面给微信好友,微信好友点开并点赞,需要将点赞用户的微信昵称,微信头像以及微信openid,微信unionid(这个需要关注公众号 ...

vue实现店铺装修h5用户端实现

vue实现店铺装修h5用户端实现相关推荐

最新文章

热门文章