Vue框架
关注
分享
扫一扫
文章平均质量分 64
Whuiry
这个作者很懒，什么都没留下…
展开
-
vue中如何配置全局过滤器及分享字符串连接的方法
一、在src下创建filters文件夹，在index.js中定义方法：（1）在创建的index.js中写入这个连接字符串方法：export function listJoin(list, key, joinStr) { let result = '' const strArray = [] for (const item of list) { strArray.push(item[key]) } result = strArray.join(joinStr) retur原创 2021-04-14 23:37:01 · 309 阅读 · 0 评论 -
vue实现多选和取消多选的效果
一、要实现的效果1.当点击“全选”时，能全选所有；2.点取消掉列表的某个input框时，“全选”框不被选择；二、html结构前提： v-for循环遍历list，列表中的每个item都有checked属性，用v-model绑定item.checked；input标签有change方法，当值改变时生效（1）单选：<div v-for="(i,index) in list"> <input type="checkbox" v-m原创 2021-04-14 23:09:44 · 936 阅读 · 0 评论 -
每天20道前端面试题（二）
保持不断学习，为了方便自己查看，将一些查到或者知道的方式整合在一起，时不时复习一下原创 2021-02-24 15:23:39 · 295 阅读 · 0 评论 -
Vue框架——基本知识点+示例（4）
01 路由定义<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><!--1.组件定义组件组件嵌套组件传参spa最直观的一个页面只有一个html--><style>/*<!-- 默认类 用户点击到当前的内容,自动添加的类--原创 2020-08-10 01:09:30 · 297 阅读 · 0 评论 -
Vue框架——基本知识点+示例（3）
01 transition1.v-on：事件 可简写为 @事件名字；2.选择标签.click() 自动触发click方法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>transition</title></head><style> p{ width: 100px;原创 2020-08-10 00:47:09 · 366 阅读 · 0 评论 -
Vue框架——基本知识点+示例（2）
01 总结使用vue1.引入框架；2.实例化对象；3.配置参数;**vue指令v-cloakv-if 和 v-showv-html 和 v-textv-pre 和 v-oncev-modelv-bindv-onv-for02 发微博<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title&g原创 2020-08-10 00:13:30 · 316 阅读 · 0 评论 -
Vue框架——基本知识点+示例（1）
03 vue相关问题第一步：引入框架< script src=“js/vue.js”></ script>第二步：body中写入元素< div id=‘app’>{{msg}}</ div>第三步：实例化对象new Vue({ el:’#app’ //绑定元素 data:{ msg:‘Hello Vue!’ }})<!DOCTYPE html><html lang="en"><hea原创 2020-08-09 23:35:59 · 458 阅读 · 0 评论