前端懂交互

前端懂交互 查看完整档案

成都编辑四川大学锦城学院  |  计算机科学与技术 编辑  |  填写所在公司/组织 www.hankill.com 编辑
编辑

毕业了毕业了

个人动态

前端懂交互 提出了问题 · 2018-08-02

解决iview的table当中使用renderJSX语法无法渲染组件标签

在iview中table组件使用render函数渲染列数据的时候jsx的方式渲染组件标签失败。

                          return h('Button', {
                            props: {
                                type: 'warning',
                                size: 'small',
                                icon: 'checkmark-circled'
                            },
                            style: {
                                marginRight: '5px'
                            },
                            on: {
                                click: (e) => {
                                }
                            }
                        }, '查看详情')

这样的函数方式可以正常渲染按钮

                      return (
                          <div>
                              <i-button type="primary" icon="checkmark-circled">启用</i-button>
                          </div>
                        )

这样jxs的方式渲染结果为空

普通的button或者html标签在jsx却可以渲染成功。
遇到过的兄dei麻烦看看。。

关注 2 回答 1

前端懂交互 提出了问题 · 2018-08-02

解决iview的table当中使用renderJSX语法无法渲染组件标签

在iview中table组件使用render函数渲染列数据的时候jsx的方式渲染组件标签失败。

                          return h('Button', {
                            props: {
                                type: 'warning',
                                size: 'small',
                                icon: 'checkmark-circled'
                            },
                            style: {
                                marginRight: '5px'
                            },
                            on: {
                                click: (e) => {
                                }
                            }
                        }, '查看详情')

这样的函数方式可以正常渲染按钮

                      return (
                          <div>
                              <i-button type="primary" icon="checkmark-circled">启用</i-button>
                          </div>
                        )

这样jxs的方式渲染结果为空

普通的button或者html标签在jsx却可以渲染成功。
遇到过的兄dei麻烦看看。。

关注 2 回答 1

前端懂交互 赞了回答 · 2018-08-02

解决iview的table当中使用renderJSX语法无法渲染组件标签

这种方式下,应该用i-button
图片描述

iview中很多标签存在这个问题,一般这种名字和原生HTML一样的标签,都要这样,具体看下文档

关注 2 回答 1

前端懂交互 提出了问题 · 2018-08-01

解决iview的table当中使用renderJSX语法无法渲染组件标签

在iview中table组件使用render函数渲染列数据的时候jsx的方式渲染组件标签失败。

                          return h('Button', {
                            props: {
                                type: 'warning',
                                size: 'small',
                                icon: 'checkmark-circled'
                            },
                            style: {
                                marginRight: '5px'
                            },
                            on: {
                                click: (e) => {
                                }
                            }
                        }, '查看详情')

这样的函数方式可以正常渲染按钮

                      return (
                          <div>
                              <i-button type="primary" icon="checkmark-circled">启用</i-button>
                          </div>
                        )

这样jxs的方式渲染结果为空

普通的button或者html标签在jsx却可以渲染成功。
遇到过的兄dei麻烦看看。。

关注 2 回答 1

前端懂交互 提出了问题 · 2018-06-07

请问接口mocha/enzyme单元测试怎么做

使用mocha&enzyme 进行组件单元测试。现在由于webpack配置问题mocha加载报错 有什么配置方案么。。。

clipboard.png

各种loader报错 dva用的webpackrc 这个文件也不知道怎么去接口mocha配置跑起来。。。

关注 1 回答 0

前端懂交互 回答了问题 · 2018-04-25

antd form.create 后父组件如何获取到子组件的自定义方法

子组件method这个方法 要用箭头函数 不然这个函数是绑定不到子组件this上面的,所以你在父组件取不到。我刚好遇到然后解决了。。。

关注 7 回答 4

前端懂交互 回答了问题 · 2017-11-08

解决elementUI使用中默认tab的设置

<el-tabs type="border-card" @tab-click="changeSys" v-model="activeName">
// ...sometings
data() {
    return {
        activeName: ''
    }
},
created() {
    // todo
    this.activeName = systems[0].id;
} 

关注 3 回答 2

前端懂交互 回答了问题 · 2017-10-24

解决vue2使用element-ui的el-select选中值显示错乱

我也没什么好办法 但是按照组件要求你肯定是不得不指定:value正确的值,至于你需要获取两个值建议是直接在selectchange(data)这个方法中进行data遍历查询赋值....(需要多少查多少)

关注 4 回答 2

前端懂交互 回答了问题 · 2017-10-24

解决vuejs模板编译的问题

emmmmm....因为这样是字符串 进行编译之后'&ltbr&gt'

<section v-html="content"></section>

关注 2 回答 1

前端懂交互 关注了标签 · 2017-10-24

vue.js

Reactive Components for Modern Web Interfaces.

Vue.js 是一个用于创建 web 交互界面的。其特点是

  • 简洁 HTML 模板 + JSON 数据,再创建一个 Vue 实例,就这么简单。
  • 数据驱动 自动追踪依赖的模板表达式和计算属性。
  • 组件化 用解耦、可复用的组件来构造界面。
  • 轻量 ~24kb min+gzip,无依赖。
  • 快速 精确有效的异步批量 DOM 更新。
  • 模块友好 通过 NPM 或 Bower 安装,无缝融入你的工作流。

官网:https://vuejs.org
GitHub:https://github.com/vuejs/vue

关注 138084

认证与成就

  • 获得 19 次点赞
  • 获得 25 枚徽章 获得 1 枚金徽章, 获得 9 枚银徽章, 获得 15 枚铜徽章

擅长技能
编辑

开源项目 & 著作
编辑

(゚∀゚ )
暂时没有

注册于 2015-12-16
个人主页被 1.3k 人浏览