Coder Social home page Coder Social logo

iview / iview-mpvue Goto Github PK

View Code? Open in Web Editor NEW

This project forked from talkingdata/iview-weapp

73.0 73.0 13.0 3.17 MB

一套高质量的微信小程序 UI 组件库

Home Page: https://weapp.iviewui.com

License: Other

JavaScript 9.83% CSS 46.40% Vue 43.77%

iview-mpvue's Issues

解析失败

官方的example,pages/index/index.vue,增加一个data={a:'aaa'},
然后在页面上增加变量a的输出,如下:

<template>
  <div>
    L: {{a}}
    <scoll-view></scoll-view>
    <i-panel title="布局">
      L: {{a}}
      <i-cell-group>
        L: {{a}}

结果是前俩个都可以显示a的值aaa,但是第三个无法显示

按照官方文档引入modal组件, 没有效果

aaaa
这是一个无标题的对话框
<script> import iModal from 'iview-mpvue/dist/components/modal/modal' import 'iview-mpvue/dist/components/modal/style/css' export default { data () { return { visible2: false, } }, components: { 'i-modal': iModal, }, mounted() { }, methods: { handleOpen2() { console.log('123') this.visible2 = true }, handleClose2() { this.visible2 = false }, }, } </script> <style> .index-wrapper { position: absolute; width: 100%; height: 100%; top: 0; left: 0; overflow-y: auto; background-color: #F7F8FA; } </style>

i-row嵌套问题

Vue页面代码

<template>
  <i-row>
    <i-row>1</i-row>
    <i-row>2</i-row>
  </i-row>
</template>

<script>
  import iRow from 'iview-mpvue/dist/components/row/row'
  import iCol from 'iview-mpvue/dist/components/col/col'

  export default {
    components: {
      'i-row': iRow,
      'i-col': iCol
    }
  }
</script>

<style>
</style>

微信开发者工具控制台

VM3859:1 ./modules/iview-mpvue/dist/components/row/row.vue.wxml
./modules/iview-mpvue/dist/components/row/row.vue.wxml:-1:-1:-1: Template `./modules/iview-mpvue/dist/components/row/row.vue.wxml:33c54a79` is being called recursively, will be stop.

image

问题

  1. 有点不知所以的报错。可能写多了PC版的,,,转到小程序就不能这么嵌套写!?

双花括号数据绑定失效

<div v-for="(row, index) in logs" :key="index" class="log-item"> <i-card :title="row" extra="extra"> <p slot="content">{{row}}</p> <p slot="footer">footer</p> </i-card> </div>
这样书写时,content中的绑定内容row无法显示,同时还发现在i-col组件中使用双花括号无法绑定数据:
<div v-for="(row, index) in cols" :key="index"> <i-col :span="row.span" i-class="col-class">{{row.content}}</i-col> </div>

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.