vue.js中的三元表示式
下面是自己用到的場景
<el-link type="primary" :style="{ 'margin-left': '10px', 'border-bottom': '1px solid', color: scope.row.title == '' ? 'lightgrey' : 'DodgerBlue', }" :underline="true" @click="handleEdit(scope.row._id)" >{{ scope.row.title == '' ? '標題為空' : scope.row.title }}</el-link
<el-input v-model="editForm.title" :maxlength=" 'maxlength' in editTemplate.title ? editTemplate.title.maxlength : false " show-word-limit clearable ></el-input>
參照了 https://www.cnblogs.com/liris/p/6797595.html
<span v-bind:style="{'display':config.isHaveSearch ? 'block':'none'}" >搜尋</span>補充：當設定maxlength為false時，表示沒有限制。