摘要：
<div v-for="(item,index) in color" :key="index" v-if="flag"> {{item}} </div> data() { return { color: ['red', 'yellow', 'blue'], flag: true } } 这样可以渲染 阅读全文
摘要：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>导出图片和数据到Excel</title> </head> <body></body> <script src="js/export2Excel.js">< 阅读全文
摘要：
效果： 一、通过watch监听和methods进行数据交互 DOM结构： <template> <div id="app"> <ul> <li><input type="checkbox" v-model="allCheck" @click="handleAllCheck" />全选</li><br 阅读全文
摘要：
<template> <div class="my-radio"> <ul> <li v-for="item in list" :key='item.id'> <div class="name"> <span>{{item.userName}}</span> </div> <van-radio-gr 阅读全文
摘要：
<template> <div class="my-radio"> <ul> <li v-for="item in list" :key='item.id'> <div class="name"> <span>{{item.userName}}</span> </div> <van-radio-gr 阅读全文
摘要：
效果图： 需求： 1、根据接口数据渲染list中每条数据，operationType 1则【仅查看】高亮，operationType 2则【可编辑】高亮 2、如果list中的所有数据都是【仅查看】，那么底部的【全部设置为仅查看】高亮，反之【全部设置为可编辑】高亮。如果既有【仅查看】又有【可编辑】，那 阅读全文
摘要：
1、lazy <input type="text" v-model="name"> 相当于 <input type="text" :value="name" @input="(e)=>name=e.target.value"> 加上lazy修饰符 <input type="text" v-model 阅读全文
摘要：
1、在textarea标签中使用 <textarea v-model="name"></textarea> <p>{{name}}</p> 问题： 在data中的数据已经加上换行符 \n 了，但是页面渲染时并没有换行 解决： 给p标签添加样式 <p style="white-space:pre-li 阅读全文
摘要：
如果说要MyInput.vue组件，和父组件App.vue中的name联动 1、MyInput.vue <template> <div> <input type="textarea" :value='value' @input='(e)=>$emit("input",e.target.value)' 阅读全文
摘要：
v-model：双数据绑定 一、v-model是一个语法糖 <template> <div id="app"> <input type="text" v-model="name"> <p>{{name}}</p> </div> </template> <script> export default 阅读全文