vue制作自定义按钮的方法

本篇文章主要探讨vue制作自定义按钮的方法的解决方法。有一定的参考价值,有需要的朋友可以参考一下,跟随小编一起来看解决方法吧。

创新互联建站致力于成都网站设计、成都网站制作,成都网站设计,集团网站建设等服务标准化,推过标准化降低中小企业的建站的成本,并持续提升建站的定制化服务水平进行质量交付,让企业网站从市场竞争中脱颖而出。 选择创新互联建站,就选择了安全、稳定、美观的网站建设服务!

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

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





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

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

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

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

以上就是vue制作自定义按钮的方法的具体操作,代码详细清楚,如果在日常工作遇到这个问题,希望你能通过这篇文章解决问题。如果想了解更多相关内容,欢迎关注创新互联行业资讯频道!


新闻名称:vue制作自定义按钮的方法
标题路径:http://scyanting.com/article/gchipi.html