资讯专栏INFORMATION COLUMN

vue中如何实现的自定义按钮

biaoxiaoduan / 2207人阅读

摘要:在实际开发项目中,有时我们会用到自定义按钮因为一个项目中,众多的页面,为了统一风格,我们会重复用到很多相同或相似的按钮,这时候,自定义按钮组件就派上了大用场,我们把定义好的按钮组件导出,在全局引用,就可以在其他组件随意使用啦,这样可以大幅度

在实际开发项目中,有时我们会用到自定义按钮;因为一个项目中,众多的页面,为了统一风格,我们会重复用到很多相同或相似的按钮,这时候,自定义按钮组件就派上了大用场,我们把定义好的按钮组件导出,在全局引用,就可以在其他组件随意使用啦,这样可以大幅度的提高我们的工作效率。

好了,话不多说,上代码:
img-button.vue//这是我们自定义按钮组件






在router.js中配置好路由
在main.js中引入

//注册自定义按钮  
import imgButton from "./components/img-button"
Vue.use(imgButton)

然后就可以在其他组件使用了


//值得注意的是 自定义按钮组件添加点击事件的时候一定要加.native 因为.native 修饰符就是用来注册元素的原生事件而不是组件自定义事件的

好了 今天的分享就到这了。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/103084.html

相关文章

  • vue如何实现的自定义按钮

    摘要:在实际开发项目中,有时我们会用到自定义按钮因为一个项目中,众多的页面,为了统一风格,我们会重复用到很多相同或相似的按钮,这时候,自定义按钮组件就派上了大用场,我们把定义好的按钮组件导出,在全局引用,就可以在其他组件随意使用啦,这样可以大幅度 在实际开发项目中,有时我们会用到自定义按钮;因为一个项目中,众多的页面,为了统一风格,我们会重复用到很多相同或相似的按钮,这时候,自定义按钮组件就...

    BenCHou 评论0 收藏0
  • 认识Vue组件

    摘要:认识组件组件是强大的功能之一。注意,所有的组件同时也都是的实例,可接受相同的选项对象。组件全局注册时通过方式注册。考虑到会出现禁止使用的场景,需要禁止和启用组件的功能,所以需要。同样也是先在子组件的选项中定义好传递过来的数据。 前言 Vue.js是一套构建用户界面的渐进式框架(官方说明)。通俗点来说,Vue.js是一个轻量级的,易上手易使用的,便捷,灵活性强的前端MVVM框架。简洁的A...

    xumenger 评论0 收藏0
  • vue实现可视化可拖放的自定义表单

    摘要:实现如例子所示的可视化可拖放表单功能。点击某个组件时,在右栏显示其属性,其实也就是在存放的数据中查找数据迭代属性。左中右三栏左右固定中间自适应布局首先,布局上来看,左右都是可以拉伸的,中间是自适应的布局。可以使用冻结对象,避免出错。 实现如例子所示的可视化可拖放表单功能。整个页面,分为左中右三栏布局,左栏的部件库的部件(组件)作为key,拖放到中间区域时,往vuex存放数组数据,拖一个...

    import. 评论0 收藏0
  • vue2.0开发聊天程序(三)组件的通信

    摘要:我在中写了这段代码在组件被创建时候将会执行此函数相当于进入页面的自执行使用方法监听属性并执行一个回调函数按道理在元素被创建的时候,会将监听到的值赋给并且打印。 天地不仁以万物为刍狗,宇宙无义视众生如蝼蚁                  ——萧鼎和我 上一节列出了5个关键点,第一个路由已经解决了,接下来解决第二个问题: 组件的通信问题 一、组件的关系 组件之间的关系无非就是两种父子关系...

    ddongjian0000 评论0 收藏0
  • vue-quill-editor自定义图片上传

    摘要:我们通常都会使用富文本编辑器在后台编辑内容,开发当然也少不了,我们通过官网的链接可以找到一些资源,或者去上查找一些开源的编辑器。 我们通常都会使用富文本编辑器在后台编辑内容,开发vue当然也少不了,我们通过vue官网的链接可以找到一些资源,或者去github上查找一些开源的编辑器。我使用的是vue-quill-editor,它的界面很简洁,功能也满足平时的编辑需要,不过于臃肿,但是它默...

    oneasp 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<