在.vue中使用modal得到render error

SmarkSeven commented 7 years ago

在weex的.vue文件中使用modal，页面左上角出现：render error:-2013

code:

<template>
  <div class="wrapper" @click="click">
    <image :src="logoUrl" class="logo"></image>
    <text class="title">{{target}}</text>
    <text class="desc">Now, let's use vue to build your weex app.</text>
  </div>
</template>

<style>
  .wrapper { align-items: center; margin-top: 120px; }
  .title { padding-top:40px; padding-bottom: 40px; font-size: 48px; }
  .logo { width: 360px; height: 156px; }
  .desc { padding-top: 20px; color:#888; font-size: 24px;}
</style>

<script>
  import Nat from 'natjs'
  export default {
    data: {
      logoUrl: 'http://img1.vued.vanthink.cn/vued08aa73a9ab65dcbd360ec54659ada97c.png',
      target: 'World'
    },
    methods: {
      click: function (e) {
        Nat.toast({
          message: 'Nat',
          duration: 2000,
        })
      }
    }
  }
</script>

acathur commented 7 years ago

weex目前对vue的支持三端适配很不好，我们会在weex对一些必要支持完善后跟进适配vue

acathur commented 7 years ago

.vue is supported in nat 0.0.6

natjs / nat

在.vue中使用modal得到render error #3