Vue 问题解决\功能实例
遇到的问题,报错解决方案
<李小狮 / >
程序媛
展开
-
vue for嵌套循环
<template> <div> <!-- :key="item.id" 显示第几个 :value="item.value" 显示的值 :label="item.label" 传给后台的值 --> <div v-for="item in lists" :key="item.id" :value="item.value" :label="item.转载 2020-05-26 11:06:07 · 1925 阅读 · 0 评论 -
vue 同一个for循环列表,绑定不同的点击事件
<template> <div> <h3>同一个for循环列表,绑定不同的点击事件</h3> <div class="list" v-for="(item,index) in items" :key="index"> <p>{{item.title}}:{{item.styl}}</p> <button type="button" @click="update(item.n.转载 2020-05-25 16:40:14 · 5605 阅读 · 4 评论 -
实例充值金额:样式绑定和双向数据绑定
<template> <div class="recharge_hurg"> <ul> <!-- @click点击事件 要传的两个参数 index:for循环的下标、点击的第几个li item.price:点击的price的值 --> <li :class="[index == status ? 'bechoice':'']" v-for="(i.转载 2020-05-25 11:20:28 · 305 阅读 · 0 评论 -
vue文件 注释规范
<!-- * @Descripttion: (对该文件的信息描述) * @version: (版本) * @Author: (作者) * @Date: (文件创建时间) * @LastEditors: (最后更新作者) * @LastEditTime: (最后更新时间)-->原创 2020-05-19 14:06:34 · 1854 阅读 · 0 评论 -
创建Vue组件 快捷键模板
VScode》文件》首选项》用户片段》vue.json(Vue)模板:{ "Print to console":{ "prefix": "vue", "body": [ "<template>", "</template>", "", "<script>", "export default {", " components:{},", " props:{},", " data(){"原创 2020-05-11 18:33:56 · 1502 阅读 · 0 评论 -
Vue 点击列表 选中后 添加在新列表
<template> <div> <div @click="choose(index)"> index 键值(列表的索引值) 代表点击到第几个</div> <ul class="main"> <!-- 1、li列表循环 lists--> <!-- 2、创建点击事件choose,带参数键值(列表的索引值)index --> <!-- 3、添加点击样式ac原创 2020-05-11 18:26:52 · 1500 阅读 · 0 评论