• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
立文
博客园 首页 新随笔 联系 订阅 订阅 管理
上一页 1 2 3 4 5 6 7 8 ··· 30 下一页

2019年12月13日

过滤器-局部过滤器
摘要: <div id="app"> <p>{{num}}</p> <p>{{num|rmb}}</p> </div> <script> var vm = new Vue({ el:"#app", data:{ num:100, }, //局部过滤器 filters:{ rmb(data){ return 阅读全文
posted @ 2019-12-13 19:59 立文 阅读(250) 评论(0) 推荐(0)
 
过滤器-全局过滤器
摘要: <div id="app"> <p>{{message}}</p> <p>{{message|upper}}</p> </div> <script> var vm = new Vue({ el:"#app", data:{ message:"hello world", }, }) 可以把全局过滤器放 阅读全文
posted @ 2019-12-13 19:58 立文 阅读(224) 评论(0) 推荐(0)
 
练习解答:根据条件判断改变样式
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> #goods #goods-table th{ background-color:#ccc; text-align: 阅读全文
posted @ 2019-12-13 18:12 立文 阅读(743) 评论(0) 推荐(0)
 
 

2019年12月12日

vue 作业练习
摘要: 练习: goods: [ {"name":"python入门","price":50}, {"name":"python进阶","price":100}, {"name":"python高级","price":75}, {"name":"python研究","price":55}, {"name": 阅读全文
posted @ 2019-12-12 22:18 立文 阅读(663) 评论(0) 推荐(0)
 
v-for列表实现选项卡切换进阶版
摘要: <div id="card"> <div class="title"> <span @click="num=key" :class="change(key)" v-for="title,key in title_list">{{title}}</span> </div> <div class="co 阅读全文
posted @ 2019-12-12 22:11 立文 阅读(365) 评论(0) 推荐(0)
 
v-for列表指令
摘要: <div id="card"> <div class="title"> <span v-for="title,k in title_list">{{k}}--{{title}}</span> </div> </div> <script代码脚本> var card = new Vue({ el:"#c 阅读全文
posted @ 2019-12-12 21:39 立文 阅读(212) 评论(0) 推荐(0)
 
v-show 指令
摘要: <div id="app"> <p v-show="num==1">您是普通会员1</p> <p v-if="num==1">您是普通会员2</p> <p v-else>您是游客</p> </div> <script脚本代码> var vm = new Vue({ el:"#app", data:{ 阅读全文
posted @ 2019-12-12 21:24 立文 阅读(361) 评论(0) 推荐(0)
 
v-else-if 条件语句
摘要: <div id="app"> <p v-if="num==0">您是普通会员</p> <p v-else-if="num==1">您是尊贵vip</p> <p v-else-if="num==2">您是管理员</p> <p v-else="num==3">您是游客</p> </div> <scrip 阅读全文
posted @ 2019-12-12 21:16 立文 阅读(1192) 评论(0) 推荐(0)
 
v-if 条件语句
摘要: <div id="app"> <p v-if="!is_login"> <a href="">登陆</a> <a href="">注册</a> </p> <p v-if="is_login"> 欢迎回来!~! <a href="">小明</a> </p> </div> <script脚本代码> va 阅读全文
posted @ 2019-12-12 21:14 立文 阅读(547) 评论(0) 推荐(0)
 
v-else条件语句
摘要: <div id="app"> <p v-if="!is_login"> <a href="">登陆</a> <a href="">注册</a> </p> <p v-else> 欢迎回来!~! <a href="">小明</a> </p> </div> <script脚本代码> var vm = ne 阅读全文
posted @ 2019-12-12 21:14 立文 阅读(187) 评论(0) 推荐(0)
 
 
上一页 1 2 3 4 5 6 7 8 ··· 30 下一页

公告


博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3