1、先创建一个测试组件: 创建component目录,新建test.vue文件,定义一个组件: 这个组件中,我们实现以下功能: ①父vue文件中传递属性参数,改变msg的值 ②父vue文件中调用子组件的函数 ③子组件中调用父vue文件中的函数 2、创建父vue文件 ...
uniapp扩展图标组件在dcloud官网上可以看到插件示例,https: ext.dcloud.net.cn plugin id 这里赘述下,只是记录下自己的学习 官网示例如下: my icon组件的代码如下 使用组件: 效果图: ...
2020-05-20 14:04 0 554 推荐指数:
1、先创建一个测试组件: 创建component目录,新建test.vue文件,定义一个组件: 这个组件中,我们实现以下功能: ①父vue文件中传递属性参数,改变msg的值 ②父vue文件中调用子组件的函数 ③子组件中调用父vue文件中的函数 2、创建父vue文件 ...
2.0(2019-08-31) 船新版本的信息弹窗组件 插件市场地址:http://ext.dcloud.net.cn/plugin?id=672 可以弹出很多条信息,并单独控制消失时间、点击消失。 用循环来生成很多个弹窗,用this.$refs来传值,并添加数组。 1. ...
先上效果: 组件源码:slot-modal.vue 使用示例: 通过这次学习,遗留了一个问题还未解决:如何限制modal-body的高度为80%,尝试了多种方法无效,只能写固定高度了。 练习了 (1). 组件自定义事件 (2). 对话框的css布局 ...
~~~ ~~~ ~~~ ~~~ 在对树结构进行渲染的时候使用slot-scope,根据结构数据中iconSkin对应的值不同,设置不同的class,达到显示不同图标的效果 下面 的效果是是我真实数据渲染的,上面的假数据 结构一样 ...
uni自带的图标很明显是不能满足项目中的需求的,所以需要引入自定义图标 1.打开阿里巴巴图标库https://www.iconfont.cn/ 先下载图标,找到自己想要的图标,加入购物车,然后添加至项目,跳转到如下界面 选择Unicode,点击下载至本地 2.下载之后 ...
项目中需要在左上角做一个按钮,然后弹出框做搜索动作,成品如图: 但是uniapp小程序端无法使用APP端的那种自定义方法,所以这里需要用到自定义顶部导航的方法: 1.pages.json中配置: 在需要添加自定义图标的页面的style中加一条属性 ...
uniapp自定义picker城市多级联动组件 支持多端——h5、app、微信小程序、支付宝小程序... 支持自定义配置picker插件级数 支持无限级 注意事项:插件传入数据格式为children树形格式,内部包含:id、name 参数 ...
自定义组件中用v-for循环列表,在H5和app中测试都可实现实时更新(增加或删除),但是在微信小程序中却没有更新列表。调试后发现那个列表集合其实是更新了的,但是视图显示没有更改,说明是视图没有实时更新。网上搜索到一篇vue视图不更新情况,发现自己把集合定义到了 自定义组件的props里,而vue ...