首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏Vue2.0 开发移动端音乐WebApp

    Vue2.0 Vuex初始化及歌手数据的配置

    name="slide">

    </transition></template><script type="text/<em>ecmascript</em> </li> </uL> </li> </ul> </scroll></template><script type="text/ecmascript :data="singerList"></list-view> <router-view></router-view>
    </template><script type="text/<em>ecmascript</em> router, store})完成初始配置之后,我们会在 singer 组件进行状态写入,在 singer-detail 组件中进行获取// singer.vue<script type="text/ecmascript mapMutations({ setSinger: 'SET_SINGER' }) } }</script>// singer-detail.vue<script type="text/<em>ecmascript</em>

    91130编辑于 2024-03-19
  • 来自专栏Vue2.0 开发移动端音乐WebApp

    Vue2.0 歌手列表滚动及右侧快速入口实现

  • </scroll> </template> <script type="text/<em>ecmascript</em> index) in shortcutList" :key="index" class="item">{{item}}
    <script type="text/<em>ecmascript</em> onShortcutTouchStart($event, index)" class="item">{{item}}
    <script type="text/<em>ecmascript</em> 当歌手列表滚动时,我们想要在右侧快速入口中,高亮当前显示的title,这就需要我们监听scroll组件的滚动事件,来获取当前滚动的位置 // scroll.vue <script type="text/ecmascript "item">{{item}}
    </scroll> </template> <script type="text/<em>ecmascript</em>

    1K50编辑于 2024-03-16
  • 来自专栏Vue2.0 开发移动端音乐WebApp

    Vue2.0 定制一款属于自己的音乐 WebApp

    我们预先定义好了五个组件,如下所示 <template>

    顶部栏/排行/推荐/搜索/歌手页面
    </template> <script type="text/<em>ecmascript</em> <i class="icon-mine"> </router-link>
    </template> <script type="text/<em>ecmascript</em> App.vue <template> <div id="app"> <m-header></m-header>
    </template> <script type="text/<em>ecmascript</em>

    91250编辑于 2024-03-16
  • 来自专栏Vue2.0 开发移动端音乐WebApp

    Vue2.0 路由配置及Tab组件开发

    <m-header></m-header> <router-view></router-view>

    </template> <script type="text/<em>ecmascript</em> <span class="tab-link">搜索 </router-link>
    </template> <script type="text/<em>ecmascript</em>

    73030编辑于 2024-03-16
  • 来自专栏Vue2.0 开发移动端音乐WebApp

    Vue2.0 scroll 组件的抽象和应用

    scroll.vue <template>

    <slot></slot>
    </template> <script type="text/<em>ecmascript</em> </scroll> </div> </template> <script type="text/ecmascript-6"> import Scroll from 'base/scroll/scroll

    79640编辑于 2024-03-16
  • 来自专栏明年我18

    关于el-dialog,我更推荐的用法

    </template> <style lang="scss" rel="stylesheet/scss" scoped> </style> <script type="text/<em>ecmascript</em> ---调用方--> <template> <button @click="openDialog">弹出对话框</button> </template> <script type="text/<em>ecmascript</em>

    5.3K50发布于 2019-09-18
  • 来自专栏全栈程序员必看

    vue将时间戳转换成日期格式[通俗易懂]

    template>

    { {item.pass_time | formatDate}}
    </template> <script type="text/<em>ecmascript</em>

    7.8K51编辑于 2022-07-22
  • 来自专栏vue的实战

    在element-ui的基础上封装组件

    , jumper" :total="totals" style="float:right;"> </el-pagination> </template> <script type="text/<em>ecmascript</em>

    1.2K40发布于 2019-11-04
  • 来自专栏全栈程序员必看

    vue图片加载失败默认图片[通俗易懂]

    class="bg">

    <script type="text/<em>ecmascript</em>

    3K20编辑于 2022-09-05
  • 来自专栏wfaceboss

    解决在V2.0中子组件使用v-model接收来自父组件的值异常

    <input v-model="myResult" placeholder="v-model里面的值来自外部"/>

    </template> <script type="text/<em>ecmascript</em>

    4K30发布于 2019-04-08
  • 来自专栏世界第一语言是java

    vue点击图片放大预览图片支持旋转等

    v-for="src in images" :src="src" :key="src" width="300"> </viewer> </template> <script type="text/<em>ecmascript</em>

    8.2K20发布于 2018-08-10
  • 来自专栏码农笔录

    vue点击图片放大预览图片支持旋转等

    v-for="src in images" :src="src" :key="src" width="300"> </viewer> </template> <script type="text/<em>ecmascript</em>

    13.9K30发布于 2021-10-29
  • 来自专栏码客

    VUE图片点击预览组件

    v-for="src in images" :src="src" :key="src" width="300"> </viewer> </template> <script type="text/<em>ecmascript</em>

    6.2K10发布于 2020-05-09
  • 来自专栏.NET 全栈开发专栏

    Vue + Element 实现按钮指定间隔时间点击

    :loading="getDataLoading">获取数据</el-button> </el-col> </el-row></template><script type="text/<em>ecmascript</em>

    65110编辑于 2023-12-07
  • 来自专栏全栈程序员必看

    Vue前端项目-主页布局-左侧导航菜单(静态)[通俗易懂]

    </el-menu-item> </el-menu> </el-scrollbar>

    </template> <script type="text/<em>ecmascript</em>

    4.8K40编辑于 2022-09-17
  • 来自专栏Vue2.0 开发移动端音乐WebApp

    Vue2.0 数据抓取及Swiper组件开发

    => { return Promise.resolve(res.data) }) } // recommend.vue <script type="text/<em>ecmascript</em>

    76040编辑于 2024-03-16
  • 来自专栏正则

    Vue音乐播放器

    div @click="go" style="margin-top: 20px">点击-显示model'B

    </template> <script type="text/<em>ecmascript</em> currentTab"></component> // <component>元素绑定is,让组件共用一个挂载点
    </template> <script type="text/<em>ecmascript</em>

    4K41发布于 2021-11-03
  • 来自专栏青梅煮码

    vue项目基础配置

    $route.meta.keepAlive"></router-view>

    </template> <script type="text/<em>ecmascript-6</em>"> export default

    74710编辑于 2023-03-02
  • 来自专栏IMWeb前端团队

    图片上传前预处理,等比缩放、裁剪 (html5 + canvas)

    console.warn(err.msg); } }); </script> Vue.js 2.0中使用 需异步初始化 <script type="text/<em>ecmascript</em>

    2.6K20发布于 2019-12-03
  • 来自专栏White feathe 的博客

    Vue2.0 实战 之 上啦加载下拉刷新

    /less/contSingleList.less"; </style> <script type="text/<em>ecmascript-6</em>"> export default { data

    50120编辑于 2021-12-08
  • 第 2 页
    领券