美文网首页
Vue小知识

Vue小知识

作者: 养个小东西 | 来源:发表于2019-06-10 14:50 被阅读0次

1、通过函数的方式,动态的设置标签的class

<i :class="ImageClassName()">

methods:{

ImageClassName(){ return this.itemData.imageClass}

2、let和const的主要区别

let声明的变量可以改变,值和类型都可以改变,没有限制。

const声明的变量不得改变值,这意味着,const一旦声明变量,就必须立即初始化,不能留到以后赋值。

3.在vue里直接使用数组属性报错,该怎么处理

例如使用v-if:

v-if =' headerData.Array.length‘

这样会直接提示js错误

正确的使用方式如下

v-if =' headerData.Array!==undefined &&headerData.Array.length'

如果还报错,则可以在父标签里写v-if =' headerData.Array!==undefined ‘

4、let components =  this.$createComponents()

components.show()

通过vue的create方法创建出来的组件components ,在调用show方法时,是不能传递参数的

相关文章

  • 【Vue】常用指令之v-show

    ?【Vue】学习养成记,【程序员必备小知识】 ? 今日小知识——Vue常用指令之v-show 写在前面 Vue (...

  • 【Vue 】:visible.sync 的作用

    ?【Vue】学习养成记,【程序员必备小知识】 ? 今日小知识——Vue中的visible.sync的作用 1.写在...

  • 【Vue】常用指令之v-text

    ?【Vue】学习养成记,【程序员必备小知识】 ? 今日小知识——Vue常用指令之v-text 目录 1.v-tex...

  • 【Vue 】过滤器filters

    ?【Vue】学习养成记,【程序员必备小知识】 ? 今日小知识——Vue过滤器filters 1. 什么是过滤器? ...

  • 【Vue】常用指令之v-html

    ?【Vue】学习养成记,【程序员必备小知识】 ? 今日小知识——Vue常用指令之v-html v-html指令其实...

  • 【Vue】常用指令之v-bind

    ?【Vue】学习养成记,【程序员必备小知识】 ? 今日小知识——Vue常用指令之v-bind v-bind指令是专...

  • 【Vue】常用指令之v-on

    ?【Vue】学习养成记,【程序员必备小知识】 ? 今日小知识——Vue常用指令之v-on v-on指令是事件绑定指...

  • 【Vue】常用指令之v-if

    ?【Vue】学习养成记,【程序员必备小知识】 ? 今日小知识——Vue常用指令之v-if条件判断 1. v-if指...

  • 【Vue】常用指令v-if和v-show的区别

    ?【Vue】学习养成记,【程序员必备小知识】 ? 今日小知识——Vue指令v-if和v-show的区别 v-sho...

  • Vue小知识

    Vue基础知识 Vue框架作用 拓展html的功能,属性 vue是一套构建用户界面的 渐进式框架,Vue.js 的...

网友评论

      本文标题:Vue小知识

      本文链接:https://www.haomeiwen.com/subject/eyezxctx.html