个人案例
菜谱云平台
分享自己喜欢的菜谱,实现了菜谱的增删改查。
菜谱云平台扫码体验
- 小程序开发工具中目录树字体大小怎样调整?
[图片] 目录树中的字体怎样调整大小呢?
2020-03-01 - Component is not found in path,我的路径有什么错误么?
总是报错:Component is not found in path,是怎么回事呀? git地址:https://gitee.com/lizhihui1989/test001.git [图片]
2020-03-01 - 为什么我的模拟器,文字显示到navigationBar中了?
1.为什么我的模拟器,文字显示到navigationBar中了? 2.我配置navigationBarTextStyle 为"black",但是导航栏不出现文字,是怎么回事? [图片]
2020-02-29 - 小程序开发工具中的编译和刷新,有什么区别?
小程序开发工具中的编译和刷新,有什么区别?傻傻分不行
2020-02-29 - 这两个算法怎么写?
1.用js写一个函数,在一个字符串中找到地1个只出现1次的字符串。如输入 abaccdefbf,则输出d,找不到则输出false。 2.写一个函数sort,将整数数组按奇偶数分成两部分,数组左边是奇数,右边是偶数。
2020-02-22 - vue中循环列表,总提示属性没有定义,是怎么回事?
vue中循环列表,总提示属性没有定义,是怎么回事呢? [图片] <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style> .active { background-color: pink; } </style> <script src="vue.js"></script> </head> <body> <div id="app"> <!-- 表单 --> <totle-com :stuname="stuname" :stuage="stuage" :stusex="stusex" @add-num="add" @remove-all="removeAll"></totle-com> <!-- 列表 --> <table width="500" border="1"> <tr> <th>check</th> <th>name</th> <th>age</th> <th>sex</th> <th>remove</th> </tr> <tbody is="my-list" :stuinfo="stuinfo" @del-num="del"></tbody> </table> </div> <!-- 列表 子组件 --> <template id="list"> <div> <p><button @click="removeAll1">全部删除</button></p> <tbody> <tr v-for="(item,index) of stuinfo" :class="item.checked?'active':''"> <td><input type="checkbox" v-model="item.checked"></td> <td>{{item.name}}</td> <td>{{item.age}}</td> <td>{{item.sex}}</td> <td><button @click="del1(index)">remove</button></td> </tr> </tbody> </div> </template> <!-- 表单 子组件 --> <template id="totle"> <div> <p>name:<input type="text" v-model="stuname"></p> <p>age: <input type="text" v-model="stuage"></p> <p>sex: <select v-model="stusex"> <option value="male">男</option> <option value="female">女</option> </select> </p> <p><button @click="add1(index)">添加</button></p> </template> </body> <script> /****表单*******/ Vue.component("totle-com", { template: "#totle", props: ["stuname","stuage","stusex"], methods: { add1(index) { this.$emit("add-num", index) }, } }) /*列表 子组件*/ Vue.component("my-list", { template: "#list", props: ["stuinfo"], methods: { del1(index) { this.$emit("del-num", index) }, removeAll1() { this.$emit("remove-all") }, } }) /*父组件*/ new Vue({ el: "#app", data: { stuname: "", stuage: "", stusex: "male", stuinfo: [{ name: "jack", age: 22, sex: "male", checked: false }, { name: "mike", age: 22, sex: "male", checked: false }] }, methods: { add() { let name = this.stuname; let age = this.stuage; let sex = this.stusex; let checked = false; this.stuinfo.push({ name, age, sex, checked }) }, del(i) { if (this.stuinfo[i].checked) { this.stuinfo.splice(i, 1); } }, removeAll() { let newStuInfo = this.stuinfo.filter(item => { return !item.checked; }); this.stuinfo = newStuInfo; } } }) </script> </html>
2020-02-19 - vue中的父子组件,点击确定按钮,为什么新添加的编号总是重复呢?
用vue写了一个小功能,当点击确定按钮,为什么新添加的记录中的编号总是重复呢? [图片] <!DOCTYPE html> <html> <head> <title></title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> </head> <style type="text/css"> table{ border-collapse: collapse; } </style> <body> <div id="app"> <add @myadd="addUser"></add> <table border="1"> <tr> <th>选择</th> <th>编号</th> <th>姓名</th> <th>年龄</th> <th>性别</th> <th>分数</th> <th>操作</th> </tr> <tr v-for="(item,index) of list" :key="item.id"> <td><input type="checkbox" name="" :checked="item.checked" @click="handleCheck(index)"></td> <td>{{item.id}}</td> <td>{{item.name}}</td> <td>{{item.age}}</td> <td>{{item.sex}}</td> <td>{{item.score}}</td> <td><button @click="deleteItem(index)">删除</button></td> </tr> </table> <button @click="allDelete">全部删除</button> </div> <template id="myForm"> <form> <div> name:<input type="text" v-model="userInfo.name"name=""> </div> <div> age:<input type="text" v-model="userInfo.age" name=""> </div> <div> gender: <input type="radio" checked value="男" v-model="userInfo.sex">男 <input type="radio" value="女" v-model="userInfo.sex">女 </div> <div> score:<input type="text" name="" v-model="userInfo.score"> </div> <button @click="handleAdd">确定</button> </form> </template> <script type="text/javascript"> //添加用户的表单 Vue.component("add",{ template:`#myForm`, data:function(){ return{ userInfo:{} } }, methods:{ //添加用户 handleAdd(e){ this.$emit("myadd",this.userInfo) e.preventDefault(); } }, }) var app=new Vue({ el:"#app", data:{ list:[ {checked:false,id:1,name:"张三",age:21,sex:'男',score:78}, {checked:false,id:2,name:"张三",age:25,sex:'男',score:79}, {checked:false,id:3,name:"张三",age:27,sex:'男',score:83} ], user:{} }, methods:{ //添加用户 addUser(userInfo){ this.user=userInfo; // this.newUser.id=this.list.length+1; this.user.id=this.list.length+1; this.list.push(this.user) }, //选中与取消选中 handleCheck(index){ this.list[index].checked=!this.list[index].checked }, //删除一项 deleteItem(index){ console.log(this.list[index].checked) if(this.list[index].checked){ this.list.splice(index,1) return; }else{ alert("请选中人员") } }, //删除所有 allDelete(){ this.list=this.list.filter((item,index)=>{ return item.checked==false }) } } }) </script> </body> </html>
2020-02-19 - vue中,点击子组件之后,为什么获取不到父组件方法?
点击子组件之后,为什么获取不到父组件方法? [图片] <!DOCTYPE html> <html> <head> <title></title> <script src="https://cdn.bootcss.com/vue/2.6.10/vue.common.dev.js"></script> </head> <body> <div id="app"> <table> <tbody> <div is="row"></div> <div is="row"></div> <div is="row"></div> </tbody> </table> </div> <script type="text/javascript"> Vue.component('row',{ data:function(){ return { content:"this is a content", } }, methods:{ handleClick:function(){ this.$emit("handleChange") } }, template:'<tr @click="handleClick"><td> {{content}}</td></tr>' }) var app=new Vue({ el:"#app", data:{ }, methods:{ handleChange:function(){ console.log("hello") } } }) </script> </body> </html>
2020-02-03 - 点击按钮,问什么input框里面的内容添加不到ul中去?
点击按钮,问什么input框里面的内容添加不到ul中去? function Page(){ } $.extend(Page.prototype,{ init:function(){ this.bindEvents() }, bindEvents:function(){ var btn=$("#btn"); btn.on('click',$.proxy(this.handleClick,this)) }, handleClick:function(){ var inputEle=$("#input"); var inputValue=inputEle.val(); var ulEle=$("#list"); ulEle.append("<li>"+inputValue+"</li>") inputValue.val("'") } }) 姓名: 添加 [图片]
2020-02-01 - 微信公众号后台只有视频分析,没有音频分析么?
微信公众号后台只有视频分析,没有音频分析么?我的帖子里面有音频,想知道音频文件的播放量是什么样的,怎么看呢? [图片]
2020-01-20