vue

vue中如何动态的绑定图片,vue中通过data返回图片路径

在项目中遇到需要动态的改变图片路径,图片路径并非是从后台获取过来的数据。因此在data中必须用require加载,否则会当成字符串来处理。效果: ...

vue子父组件的通信

Element使用的是Vue2.0版本,众所周知在Vue1.0升级到2.0中去除了$broadcast和$dispatch方法。a、app.vue父组件<template><divid="app"><h1>{{title}}</h1><h1v-text="title...
代码星球·2020-04-06

vue中使用localstorage

1、store.js(读取写入到localstorage)constSTORAGE_KEY="todos-vuejs"exportdefault{fetch(){returnJSON.parse(window.localStorage.getItem(STORAGE_KEY||"[]"))},save(items){w...
代码星球·2020-04-06

如何让vue文件中的代码在Sublime Text 3中高亮和智能提示

大家写在SublimeText3中编写vue文件时,会发现没有代码智能提示,清一色的黑底白字,不会像html、js一样变成彩色,给我们带来了很大的不便。所以需要安装一款叫作VueSyntaxHighlight的插件,它不仅可以使代码高亮起来,还能进行代码智能提示。那怎样安装呢?分为以下几步:安装PackageContr...

vue模板的讲解

3、index.html默认调用的main.js 3、调用的组件app.vue  ...
代码星球·2020-04-06

vue使用node的入门

npminstall-gcnpm--registry=https://registry.npm.taobao.org验证是否安装cnpm-vcnpminstall-gvue-cli检验是否安装vue 3、创建一个基于"webpack"模板的新项目vueinitwebpackmy-first-vue-proje...
代码星球·2020-04-06

vue手写的轮播图片,解决已经修改data中的值,页面标签已绑定,但页面没效果

<!DOCTYPEhtml><htmllang="en"><link><metacharset="UTF-8"><metaname="viewport"content="width=device-width,user-scalable=no,initial-scal...

《转》vue 常用ui组件

vuxgithubuidemo:https://github.com/airyland/vuxMintUI项目主页:http://mint-ui.github.io/#!/zh-cndemo:http://elemefe.github.io/mint-ui/#/github地址:https://github.com/E...
代码星球·2020-04-06

vue设置默认地址和配送方式

<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metacharset="utf-8"><!--AlwaysforcelatestIErenderingengineorrequestChr...

vue遍历时添加个数过滤条件

本身有5个地址,显示3个<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metacharset="utf-8"><!--AlwaysforcelatestIErenderingengine...

vue弹框,删除元素

<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,user-scalable=no,initial-scal...
代码星球·2020-04-06

vue使用方法计算总金额

<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,user-scalable=no,initial-scal...

vue中全选和取消

<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,user-scalable=no,initial-scal...
代码星球·2020-04-06

vue中单选框,利用不存在的值标示选中状态

  <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,user-scalable=no,...

vue的双向绑定

点击+-修改数量,金额跟着一起变动<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,user-scalabl...
代码星球·2020-04-06