vue弹窗消息组件的使用方法

vue弹窗消息组件的使用方法

本文实例为大家分享了vue弹窗消息组件的具体代码，供大家参考，具体内容如下

本来打算写一个那种提示完了自动消失的弹窗的，但是没有想好淡入淡出的效果。所以暂时算是半成品。

练习代码如下：

icon-bar="O"

type="info"

v-if="info"

alert-content="我是默认的按钮哟">

icon-bar="O"

type="info"

v-if="info"

alert-content="我是默认的按钮哟">

icon-bar="V"

type="success"

v-if="success"

alert-content="我是成功的按钮哟">

icon-bar="V"

type="success"

v-if="success"

alert-content="我是成功的按钮哟">

icon-bar="X"

type="error"

v-if="error"

alert-content="我是失败的按钮哟">

icon-bar="X"

type="error"

v-if="error"

alert-content="我是失败的按钮哟">

icon-bar="!"

type="waring"

v-if="warning"

alert-content="我是警告的按钮哟">

icon-bar="!"

type="waring"

v-if="warning"

alert-content="我是警告的按钮哟">

icon-bar="E"

type=""

v-if="yuki"

alert-content="我是灰色定制的按钮哟"

style="background-color: http://#ccc; color: #fff;">

icon-bar="E"

type=""

v-if="yuki"

alert-content="我是灰色定制的按钮哟"

style="background-color: http://#ccc; color: #fff;">

章鱼不丸子

http://yuki.kim

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。