vue 笔记
Posted code_____monkey
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue 笔记相关的知识，希望对你有一定的参考价值。
Vue.之. 动态设置按钮Disabled
添加了一个 属性 :disabled="isAble"
el-switch 初始值（默认值）不能正确显示状态问题
https://www.cnblogs.com/xuxiaoyu/p/13202339.htmlhttps://www.cnblogs.com/xuxiaoyu/p/13202339.html
https://www.cnblogs.com/xuxiaoyu/p/13202339.html【active-value="1" inactive-value="0"】，此时的【active-value】值类型为string，如果要求【active-value】值类型为number时，必须在其前面加上【 : 】 :active-value="1" :inactive-value="0"
Vue使用v-for与v-if搭配满足条件进行赋值，和v-if三目表达式的使用
Vue使用v-for与v-if搭配满足条件进行赋值，和v-if三目表达式的使用_Java小皮孩-CSDN博客
vue 主动失去焦点
vue中主动失去焦点_old_hu的备忘录-CSDN博客_vue 失去焦点https://blog.csdn.net/weixin_43565820/article/details/102696740
关于解决el-select组件自动清除数据空格的问题
关于解决el-select组件自动清除数据空格的问题_string佳佳的博客-CSDN博客用el-select组件渲染ydlbmc字段，数据里面有空格，但是渲染上去的时候空格被组件自动清除了解决方法一：在拿到数据的时候循环数组对象，把ydlbmc字段的空格替换成"   ；"，并使用v-html来解析数据<el-select v-model="selForm.ydlbValue" clearable placeholder="请选择"> <...
https://blog.csdn.net/weixin_44171757/article/details/99410574
element-ui $prompt输入弹框和$confirm确认弹框用法&输入校验
this.$prompt(
'请输入文件夹名称：',
'提示',
{
confirmButtonText: '确定',
cancelButtonText: '取消',
inputValue: '输入框默认值',
inputErrorMessage: '输入不能为空',
inputValidator: (value) => { // 点击按钮时，对文本框里面的值进行验证
if(!value) {
return '输入不能为空';
}
},
// callback:function(action, instance){
// if(action === 'confirm'){
// // do something...
// console.log(instance.inputValue);
// }
// }
}).then(({value}) => {
console.log(value);
// TO DO DO ...
}).catch((err) => {
console.log(err);
}); 使用this.$prompt弹窗判断手机号码数量验证
this.$prompt('请输入手机号码或座机号', '客服电话', {
confirmButtonText: '确定',
cancelButtonText: '取消',
inputValidator: (val) => {
if (val === null) {
return true;
}
return !(val.length > 11 || val.length < 11)
},
inputErrorMessage: '格式不正确'
}).then(function (action) {
console.log(action);
}).catch(function (cancel) {
console.log(cancel);
})
Vue的$confirm确定框提示内容换行显示
vue.js click点击事件获取当前元素对象
Vue.js可以传递$event对象
<body id="app">
<ul>
<li v-on:click="say('hello!', $event)">点击当前行文本</li>
<li>li2</li>
<li>li3</li>
</ul>
<script>
new Vue({
el: '#app',
data: {
message: 'Hello Vue.js!'
},
methods: {
say: function(msg, event) {
//获取点击对象
var el = event.currentTarget;
alert("当前对象的内容："+el.innerHTML);
}
}
})
</script>
</body>elementui中el-button点击后强制失去焦点（this.$confirm取消后按钮聚焦问题）
clickHandler(evt) {
let target = evt.target;
if(target.nodeName == "SPAN"){
target = evt.target.parentNode;
}
target.blur();
}vue cookie
el-date-picker如何设置disabled（picker-options）属性
以上是关于vue 笔记的主要内容，如果未能解决你的问题，请参考以下文章