美文网首页
vue使用技巧

vue使用技巧

作者: sweetBoy_9126 | 来源:发表于2018-10-27 01:05 被阅读19次

1.牵扯到ajax获取数据在html里面里渲染的时候,必须在要渲染的html里使用v-if="你的数据名",也就是只有你的数据存在的情况下他才会去渲染
比如:

<li v-for="list in oneData" v-if="oneData"></li>
var app = new Vue({
  el: '#app',
  data: {
    oneData: null,
  },
  created(){
    axios.post(url.data)
    .then((res)=>{
      this.oneData = res.data.data
    })
  }
})

相关文章

  • VScode 使用技巧笔记

    一、vue开发技巧: 使用技巧 常用快捷键总结 v开头 vue文件:页面结构vbase、vbase-ts、vbas...

  • vue使用技巧

    1.牵扯到ajax获取数据在html里面里渲染的时候,必须在要渲染的html里使用v-if="你的数据名",也就是...

  • vue使用技巧

    1.require.context() 父组件中导入多个组件 使用require.context() api描述:...

  • webstorm和vscode使用技巧(持续更新)

    webstorm使用技巧1、修改模板(如vue组件模板)file--settting--搜template--fl...

  • vue使用小技巧

    如何解决子组件属性设置在根元素上 应用场景:当我们去调用组件时,会有一个需求是将一些属性传入子组件。当我们定义了p...

  • vue使用小技巧

    1. lazy 2. number 3. trim 4. js中的delete & Vue.delete 5. 事...

  • 10个Vue开发技巧

    参考文章:10个Vue开发技巧 一、路由参数解耦 知道这个写法,但是没有使用过,可参考笔记vue-router五。...

  • webstorm单标签设置成双标签展开解决iview中col展开

    大家好!我是木瓜太香,今天给大家带来一个 webstorm 小技巧 场景:有使用过 vue 框架并且使用 ivie...

  • vue的几个使用技巧

    1. 合理使用watch的immediate属性 通常我们在使用watch的时候是这么写的,例如有请求需要再也没初...

  • vue优雅使用技巧(一)

    vue优雅使用 1. 高频组件全局引入 使用Vue.use()方法弊端: 需要多次import 引入组件 使用re...

网友评论

      本文标题:vue使用技巧

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