11.24工作学习记录 前端页面制作

如果tabs或者form里面用了V-model属性 但是data里面又没有写的话  就会显示不出页面

解决input无法弄出有高度的输入框问题:  使用自定义的输入框

 

该组件可以调整行高这些  如果不希望有右下角的改变高度 就在属性里面加上  resize=none   最后效果如下图

console.log用于控制台输出  this.$refs  ref 写在标签上时：this.$refs.名字 获取的是标签对应的dom元素 ref 写在组件上时：这时候获取到的是 子组件（比如counter）的引用-->

then()方法是异步执行 就是当then()前的方法执行完后再执行then()内部的程序，这样就避免了数据没获取到等的问题。

input的weith样式不起作用 有可能是没有设置v-model的原因

 关于会话框的使用  可以在button里面写一个点击事件  指向方法 add 然后add方法里面写 this.dialog = true;   取消方法里面写this.dialog = false; 这样就完成了一个会话框

visible.sync="dialog"为弹窗绑定值