kingk

kingk 查看完整档案

西安编辑  |  填写毕业院校  |  填写所在公司/组织填写个人主网站
编辑
_ | |__ _ _ __ _ | '_ \| | | |/ _` | | |_) | |_| | (_| | |_.__/ \__,_|\__, | |___/ 该用户太懒什么也没留下

个人动态

kingk 赞了回答 · 7月28日

解决A <Router> may have only one child element

<Router history={history}>
    <div>
        <Route path="/" component={IndexPage} />
        <Route path="/Products" component={Products} />
    </div>
</Router>

关注 4 回答 4

kingk 关注了问题 · 2019-06-18

vue 挂载的子组件 如何传值出去?

var RadioGroup = Vue.extend({
template: `<RadioGroup v-model="alarmGrade" @on-change="changeAlarmGrade">

          <Radio label="3">
          <span>高</span>
          </Radio>
          <Radio label="2">
          <span>中</span>
          </Radio>
          <Radio label="1">
          <span>低</span>
          </Radio>
          <Radio label="0">
          <span>无</span>
          </Radio>
          </RadioGroup>`,

props: ['row'],
methods: {

changeAlarmGrade (val) {
  this.$emit('test', val)
}

},
data () {

return {
  alarmGrade: ''
}

},
mounted () {

this.alarmGrade = this.row.alarmGrade.toString()

}
})

这个子组件是在父组件中挂载上去的 如何在父组件中取到emit出去的值

关注 1 回答 1

kingk 提出了问题 · 2019-06-18

vue 挂载的子组件 如何传值出去?

var RadioGroup = Vue.extend({
template: `<RadioGroup v-model="alarmGrade" @on-change="changeAlarmGrade">

          <Radio label="3">
          <span>高</span>
          </Radio>
          <Radio label="2">
          <span>中</span>
          </Radio>
          <Radio label="1">
          <span>低</span>
          </Radio>
          <Radio label="0">
          <span>无</span>
          </Radio>
          </RadioGroup>`,

props: ['row'],
methods: {

changeAlarmGrade (val) {
  this.$emit('test', val)
}

},
data () {

return {
  alarmGrade: ''
}

},
mounted () {

this.alarmGrade = this.row.alarmGrade.toString()

}
})

这个子组件是在父组件中挂载上去的 如何在父组件中取到emit出去的值

关注 1 回答 1

kingk 关注了问题 · 2019-06-14

bootstrap-table 如何 formatter vue 自定义组件?

根据返回值渲染iview的组件

{
field: 'proprietary',
title: '私有状态',
sortable: 'true',
formatter: function (value, row, index) {

if (value) {
  return [
    '<a class="remove" href="javascript:void(0)" title="Remove">',
    '<i class="fa fa-trash"></i>',
    '</a>'
  ].join('')
} else {
  return [
    '<a class="like" href="javascript:void(0)" title="Like">',
    '<i class="fa fa-heart"></i>',
    '</a> '
  ].join('')
}

}
}

比如我想根据返回的 true/false 让开关显示 开/关状态 如何传值 之前使用的是 vue render 可以创建元素并往组件传参 bootstrap-table 这个formatter 该怎么处理(开关只是为了举例 实际项目有很多自定义组件)
render: (h, params) => {

return h('div', {
  style: {
    position: 'relative'
  }
}, [
  h('i-switch', {
    props: {
      size: 'small',
      value: params.row.proprietary
    }
  }),
  h('div', {
    style: {
      cursor: 'pointer',
      width: '40px',
      height: '20px',
      position: 'absolute',
      top: '0'
    },
    on: {
      click: () => {
        this.changeProprietary(params.row)
      }
    }
  })
])

}

关注 1 回答 0

kingk 关注了问题 · 2019-06-13

iphone 微信浏览器WKWebView和UIWebView 的区别是什么

使用angular开发微信企业号 由于项目过大所以使用oclazyload 进行按需加载 但是在iphone手机中 WKWebView中 会偶尔打开相关页面 可以看到页面已经请求但是未发送请求 会出现{{ data }}数据w未进行渲染问题 UIWebView 暂时未出现该问题 是由于内核原因吗???

关注 3 回答 2

kingk 提出了问题 · 2019-06-13

bootstrap-table 如何 formatter vue 自定义组件?

根据返回值渲染iview的组件

{
field: 'proprietary',
title: '私有状态',
sortable: 'true',
formatter: function (value, row, index) {

if (value) {
  return [
    '<a class="remove" href="javascript:void(0)" title="Remove">',
    '<i class="fa fa-trash"></i>',
    '</a>'
  ].join('')
} else {
  return [
    '<a class="like" href="javascript:void(0)" title="Like">',
    '<i class="fa fa-heart"></i>',
    '</a> '
  ].join('')
}

}
}

比如我想根据返回的 true/false 让开关显示 开/关状态 如何传值 之前使用的是 vue render 可以创建元素并往组件传参 bootstrap-table 这个formatter 该怎么处理(开关只是为了举例 实际项目有很多自定义组件)
render: (h, params) => {

return h('div', {
  style: {
    position: 'relative'
  }
}, [
  h('i-switch', {
    props: {
      size: 'small',
      value: params.row.proprietary
    }
  }),
  h('div', {
    style: {
      cursor: 'pointer',
      width: '40px',
      height: '20px',
      position: 'absolute',
      top: '0'
    },
    on: {
      click: () => {
        this.changeProprietary(params.row)
      }
    }
  })
])

}

关注 1 回答 0

kingk 赞了文章 · 2019-06-05

IE报vuex requires a Promise polyfill in this browser问题解决

解决方法
第一步: 安装 babel-polyfill 。 babel-polyfill可以模拟ES6使用的环境,可以使用ES6的所有新方法

npm install --save babel-polyfill

第二步: 在 Webpack/Browserify/Node中使用

在webpack.config.js文件中,使用

module.exports = {
entry: {

app: ["babel-polyfill", "./src/main.js"]

}
};

替换

module.exports = {
entry: {

app:  './src/main.js'

}
}

查看原文

赞 16 收藏 12 评论 3

kingk 赞了文章 · 2019-06-05

IE报vuex requires a Promise polyfill in this browser问题解决

解决方法
第一步: 安装 babel-polyfill 。 babel-polyfill可以模拟ES6使用的环境,可以使用ES6的所有新方法

npm install --save babel-polyfill

第二步: 在 Webpack/Browserify/Node中使用

在webpack.config.js文件中,使用

module.exports = {
entry: {

app: ["babel-polyfill", "./src/main.js"]

}
};

替换

module.exports = {
entry: {

app:  './src/main.js'

}
}

查看原文

赞 16 收藏 12 评论 3

kingk 关注了问题 · 2017-10-27

ui-router加载子页面JS的问题

通过ui-router引入的模板页,为什么模板页里面的JS文件都不起作用了呢?
例如我在模板页引用了ueditor,放到ui-view就显示不了了?

ueditor jade模版

div
    script#editor(type='text/plain', name="content" style='width:100%;height:500px;').

script(type='text/javascript', charset='utf-8', data-original='/ueditor/ueditor.config.js')
script(type='text/javascript', charset='utf-8', data-original='/ueditor/ueditor.all.min.js')
script(type='text/javascript', charset='utf-8', data-original='/ueditor/lang/zh-cn/zh-cn.js')
script(type='text/javascript').
    var ue = UE.getEditor('editor');

ui-router 生成后的页面

<div class="ng-scope" ui-view="">
<div class="ng-scope">
  <form class="ng-pristine ng-valid" method="post">
    <div>
      <script id="editor" type="text/plain" name="content" style="width:100%;height:500px;"></script>
    </div>
    <p>
      <input value="提交" type="submit">
    </p>
  </form>
</div>
<script class="ng-scope" type="text/javascript" charset="utf-8" data-original="/ueditor/ueditor.config.js"></script>
<script class="ng-scope" type="text/javascript" charset="utf-8" data-original="/ueditor/ueditor.all.min.js"></script>
<script class="ng-scope" type="text/javascript" charset="utf-8" data-original="/ueditor/lang/zh-cn/zh-cn.js"></script>
<script class="ng-scope" type="text/javascript">
  var ue = UE.getEditor('editor');alert('haha');
</script></div>

ueditor出不来了。我加了alert也没法弹出信息
如果不通过ui-router可以开的,如何解决?

关注 3 回答 1

kingk 回答了问题 · 2017-10-27

解决ui-router加载模板时外置js加载执行问题

解决了吗???

关注 3 回答 2

认证与成就

  • 获得 0 次点赞
  • 获得 3 枚徽章 获得 0 枚金徽章, 获得 0 枚银徽章, 获得 3 枚铜徽章

擅长技能
编辑

(゚∀゚ )
暂时没有

开源项目 & 著作
编辑

(゚∀゚ )
暂时没有

注册于 2017-06-02
个人主页被 68 人浏览