{"record":{"id":"179d513f2092caf8","repo":"Meituan-Dianping/mpvue","slug":"name-value-interpolation-inside-attribute-179d51","errorCode":null,"errorMessage":"${name}=\"${value}\": Interpolation inside attributes has been removed. Use v-bind or the colon shorthand instead. For example, instead of <div id=\"{{ val }}\">, use <div :id=\"val\">.","messagePattern":"(.+?)=\"(.+?)\": Interpolation inside attributes has been removed\\. Use v-bind or the colon shorthand instead\\. For example, instead of <div id=\"(.+?)\\}\">, use <div :id=\"val\">\\.","errorType":"console","errorClass":null,"httpStatus":null,"severity":"error","filePath":"src/compiler/parser/index.js","lineNumber":514,"sourceCode":"      } else { // normal directives\n        name = name.replace(dirRE, '')\n        // parse arg\n        const argMatch = name.match(argRE)\n        const arg = argMatch && argMatch[1]\n        if (arg) {\n          name = name.slice(0, -(arg.length + 1))\n        }\n        addDirective(el, name, rawName, value, arg, modifiers)\n        if (process.env.NODE_ENV !== 'production' && name === 'model') {\n          checkForAliasModel(el, value)\n        }\n      }\n    } else {\n      // literal attribute\n      if (process.env.NODE_ENV !== 'production') {\n        const expression = parseText(value, delimiters)\n        if (expression) {\n          warn(\n            `${name}=\"${value}\": ` +\n            'Interpolation inside attributes has been removed. ' +\n            'Use v-bind or the colon shorthand instead. For example, ' +\n            'instead of <div id=\"{{ val }}\">, use <div :id=\"val\">.'\n          )\n        }\n      }\n      addAttr(el, name, JSON.stringify(value))\n    }\n  }\n}\n\nfunction checkInFor (el: ASTElement): boolean {\n  let parent = el\n  while (parent) {\n    if (parent.for !== undefined) {\n      return true\n    }","sourceCodeStart":496,"sourceCodeEnd":532,"githubUrl":"https://github.com/Meituan-Dianping/mpvue/blob/6c5d78ee04f58c6d782c456dfcf0fe63c0b7f89b/src/compiler/parser/index.js#L496-L532","documentation":"Error \"${name}=\"${value}\": Interpolation inside attributes has been removed. Use v-bind or the colon shorthand instead. For example, instead of <div id=\"{{ val }}\">, use <div :id=\"val\">.\" thrown in Meituan-Dianping/mpvue.","triggerScenarios":"Thrown at src/compiler/parser/index.js:514 when the library encounters an invalid state.","commonSituations":"See trigger scenarios.","solutions":["Replace attribute interpolation with v-bind: <div :id=\"val\"> instead of <div id=\"{{ val }}\">","This is a removed Vue 1.x feature in Vue 2 — all dynamic attributes must use v-bind or the : shorthand","Use object/array syntax with v-bind for multiple dynamic attributes"],"exampleFix":null,"handlingStrategy":"fallback","validationCode":null,"typeGuard":null,"tryCatchPattern":null,"preventionTips":[],"tags":[],"backgroundTag":null,"analyzedSha":"6c5d78ee04f58c6d782c456dfcf0fe63c0b7f89b","analyzedAt":"2026-09-02T05:17:40.946Z","contentChangedAt":null,"schemaVersion":2},"datasetVersion":"2026-09-09T11:17:12.671Z"}