跨端兼容，条件编译；#ifedf与#endif

本文主要是介绍跨端兼容，条件编译；#ifedf与#endif，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

// #ifedf H5 和 // #endif 必须成对出现
注意注释方式不同

template中

<!-- #ifedf H5 -->
<view>只在H5页面中显示</view>
<!-- #endif -->

<!-- #ifedf MP-WEIXIN -->
<view>只在微信小程序中显示</view>
<!-- #endif -->

script中

methods: {

  alertMessage() {
    // #ifedf H5
    alert('这一段只会在h5中执行')
    // #endif

    // #ifedf MP-WEIXIN
    alert('这一段只会在微信小程序中执行')
    // #endif
  }

}

style中

/* 在h5中使用这一套css */
/* #ifedf H5 */
.container {
  color: red;
  view {
    .....
  }
}
/* #endif */

/* 在微信小程序中使用这一套css */
/* #ifedf MP-WEIXIN */
.container {
  color: green;
  view {
    .....
  }
}
/* #endif */

这篇关于跨端兼容，条件编译；#ifedf与#endif的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！