MyMsg.vue 571 B

123456789101112131415161718192021222324252627282930
  1. <template>
  2. <view class="u-demo-block">
  3. <view class="u-demo-block-content">
  4. <view class="u-alert-item" v-for="(item,index) in msgList" :key="index">
  5. <u-alert :description="item" type="success" closable @click="deleteMsg(index)"></u-alert>
  6. </view>
  7. </view>
  8. </view>
  9. </template>
  10. <script>
  11. export default {
  12. data() {
  13. return {
  14. msgList: ['1111','22222','333']
  15. };
  16. },
  17. methods:{
  18. deleteMsg(index){
  19. this.msgList.splice(index,null)
  20. }
  21. }
  22. }
  23. </script>
  24. <style lang="scss">
  25. .u-alert-item{
  26. margin: 20rpx;
  27. }
  28. </style>